文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

Android中怎么通过自定义view实现TopBar效果

2023-05-30 19:47

关注

这篇文章给大家介绍Android中怎么通过自定义view实现TopBar效果,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

布局文件

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"   xmlns:tools="http://schemas.android.com/tools"   android:id="@+id/activity_main"   android:layout_width="match_parent"   android:layout_height="match_parent"   android:paddingBottom="@dimen/activity_vertical_margin"   android:paddingLeft="@dimen/activity_horizontal_margin"   android:paddingRight="@dimen/activity_horizontal_margin"   android:paddingTop="@dimen/activity_vertical_margin"   tools:context="com.bwie.test.MainActivity">    <com.bwie.test.MyView     xmlns:android="http://schemas.android.com/apk/res/android"     xmlns:lt="http://schemas.android.com/apk/res-auto"     android:id="@+id/titlebar"     android:layout_width="match_parent"     android:layout_height="60dp"     lt:leftButtonText="返回"     lt:leftButtonTextColor="@android:color/white"     lt:leftButtonTextSize="8sp"     lt:buttonBgColor="#4556ec"     lt:titleText=""     lt:titleColor="@android:color/white"     lt:titleSize="8sp"     lt:rightButtonText="完成"     lt:rightButtonTextColor="@android:color/white"     lt:rightButtonTextSize="8sp"     android:background="#47ea10"     android:padding="10sp"     >   </com.bwie.test.MyView> </RelativeLayout>

自定义属性attrs.xml文件

<?xml version="1.0" encoding="utf-8"?> <resources>   <declare-styleable name="Titlebar">     <attr name="leftButtonText" format="string|reference"></attr>     <attr name="leftButtonTextColor" format="color|reference"></attr>     <attr name="leftButtonTextSize" format="dimension|reference"></attr>     <attr name="leftButtonImage" format="color|reference"></attr>     <attr name="buttonBgColor" format="color"/>      <attr name="titleText" format="string|reference"></attr>     <attr name="titleColor" format="color|reference"></attr>     <attr name="titleSize" format="dimension|reference"></attr>      <attr name="rightButtonText" format="string|reference"></attr>     <attr name="rightButtonTextColor" format="color|reference"></attr>     <attr name="rightButtonTextSize" format="dimension|reference"></attr>     <attr name="rightButtonImage" format="color|reference"></attr>     </declare-styleable>  </resources>

自定义View的Class类

public class MyView extends RelativeLayout{    private String mLeftButtonText;   private int mLeftButtonTextColor;   private float mLeftButtonSize;   private Drawable mLeftButtonImage;   private String mTitleButtonText;   private int mTitleButtonTextColor;   private float mTitleButtonSize;   private String mRightButtonText;   private int mRightButtonTextColor;   private float mRightButtonSize;   private Drawable mRightButtonImage;   private TextView mRightTextView;   private TextView titleTextView;   private ImageView mLeftButton;   private TextView mLeftTextView;   private ImageView mRightButton;   int buttonBgColor;   public MyView(Context context) {     this(context,null);   }    public MyView(Context context, AttributeSet attrs) {     this(context, attrs,0);     TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.Titlebar);     buttonBgColor = typedArray.getColor(R.styleable.Titlebar_buttonBgColor,Color.BLUE);  //左侧的按钮     mLeftButtonText = typedArray.getString(R.styleable.Titlebar_leftButtonText);     mLeftButtonTextColor = typedArray.getColor(R.styleable.Titlebar_leftButtonTextColor, Color.GRAY);     mLeftButtonSize = typedArray.getDimension(R.styleable.Titlebar_leftButtonTextSize, TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, 16, getResources().getDisplayMetrics()));     mLeftButtonImage = typedArray.getDrawable(R.styleable.Titlebar_leftButtonImage); //中间的按钮     mTitleButtonText = typedArray.getString(R.styleable.Titlebar_titleText);     mTitleButtonTextColor = typedArray.getColor(R.styleable.Titlebar_titleColor, Color.GRAY);     mTitleButtonSize = typedArray.getDimension(R.styleable.Titlebar_titleSize, TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, 16, getResources().getDisplayMetrics())); //右侧的按钮     mRightButtonText = typedArray.getString(R.styleable.Titlebar_rightButtonText);     mRightButtonTextColor = typedArray.getColor(R.styleable.Titlebar_rightButtonTextColor, Color.GRAY);     mRightButtonSize = typedArray.getDimension(R.styleable.Titlebar_rightButtonTextSize, TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, 16, getResources().getDisplayMetrics()));     mRightButtonImage = typedArray.getDrawable(R.styleable.Titlebar_rightButtonImage);      typedArray.recycle();//回收          initView(context);   }    public MyView(Context context, AttributeSet attrs, int defStyleAttr) {     this(context, attrs, defStyleAttr,0);   }    public MyView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {     super(context, attrs, defStyleAttr, defStyleRes);   }      private void initView(Context context) {      if(mLeftButtonImage == null & mLeftButtonText != null){       // 当用户没有设置左侧按钮图片并设置了左侧的按钮文本属性时--添加左侧文本按钮       mLeftTextView = new TextView(context);       mLeftTextView.setText(mLeftButtonText);       mLeftTextView.setTextColor(mLeftButtonTextColor);       mLeftTextView.setTextSize(mLeftButtonSize);       mLeftTextView.setBackgroundColor(buttonBgColor);       RelativeLayout.LayoutParams leftParams = new RelativeLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);       leftParams.addRule(RelativeLayout.ALIGN_PARENT_LEFT);       leftParams.addRule(RelativeLayout.CENTER_VERTICAL);       addView(mLeftTextView, leftParams);     }else if(mLeftButtonImage != null){       // 添加左侧图片按钮       RelativeLayout.LayoutParams leftParams = new RelativeLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);       leftParams.addRule(RelativeLayout.ALIGN_PARENT_LEFT);       leftParams.addRule(RelativeLayout.CENTER_VERTICAL);       mLeftButton = new ImageView(context);       mLeftButton.setImageDrawable(mLeftButtonImage);       addView(mLeftButton, leftParams);     }      if(mTitleButtonText!=null){       // 添加中间       titleTextView = new TextView(context);       titleTextView.setText(mTitleButtonText);       titleTextView.setTextColor(mTitleButtonTextColor);       titleTextView.setTextSize(mTitleButtonSize);       RelativeLayout.LayoutParams titleTextViewParams = new RelativeLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);       titleTextViewParams.addRule(RelativeLayout.CENTER_IN_PARENT);       addView(titleTextView,titleTextViewParams);     }      if(mRightButtonImage == null & mRightButtonText != null){       // 当用户没有设置右侧按钮图片并设置了左侧的按钮文本属性时--添加右侧文本按钮       mRightTextView = new TextView(context);       mRightTextView.setText(mRightButtonText);       mRightTextView.setTextColor(mRightButtonTextColor);        mRightTextView.setTextSize(mRightButtonSize);       mRightTextView.setBackgroundColor(buttonBgColor);       RelativeLayout.LayoutParams rightParams = new RelativeLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);       rightParams.addRule(RelativeLayout.ALIGN_PARENT_RIGHT);       rightParams.addRule(RelativeLayout.CENTER_VERTICAL);       addView(mRightTextView,rightParams);     }else if(mRightButtonImage != null){       // 添加右侧图片按钮       RelativeLayout.LayoutParams rightParams = new RelativeLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);       rightParams.addRule(RelativeLayout.ALIGN_PARENT_RIGHT);       rightParams.addRule(RelativeLayout.CENTER_VERTICAL);       mRightButton = new ImageView(context);       mRightButton.setImageDrawable(mRightButtonImage);       addView(mRightButton, rightParams);     }   }      public interface OnButtonClickListener{     void onLeftClick();     void onRightClick();   }      public void setOnButtonClickListener(final OnButtonClickListener onButtonClickListener) {     if(onButtonClickListener !=null){       if(mLeftTextView != null){         mLeftTextView.setOnClickListener(new OnClickListener() {           @Override           public void onClick(View v) {             onButtonClickListener.onLeftClick();           }         });       }              if(mLeftButton != null){         mLeftButton.setOnClickListener(new OnClickListener() {           @Override           public void onClick(View v) {             onButtonClickListener.onLeftClick();           }         });       }       if(mRightTextView != null){         mRightTextView.setOnClickListener(new OnClickListener() {           @Override           public void onClick(View v) {             onButtonClickListener.onRightClick();           }         });       }              if(mRightButton != null){         mRightButton.setOnClickListener(new OnClickListener() {           @Override           public void onClick(View v) {             onButtonClickListener.onRightClick();           }         });       }     }   }

Main方法的代码调用自定义的类和点击事件

public class MainActivity extends AppCompatActivity {    @Override   protected void onCreate(Bundle savedInstanceState) {     super.onCreate(savedInstanceState);     setContentView(R.layout.activity_main);           MyView Myview = (MyView) findViewById(R.id.titlebar);          Myview.setOnButtonClickListener(new MyView.OnButtonClickListener() {       @Override       public void onLeftClick() {         Toast.makeText(MainActivity.this,"左侧按钮被点击了",Toast.LENGTH_SHORT).show();       }        @Override       public void onRightClick() {         Toast.makeText(MainActivity.this,"右侧按钮被点击了",Toast.LENGTH_SHORT).show();       }     });    } }

关于Android中怎么通过自定义view实现TopBar效果就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 资料下载
  • 历年真题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯