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

这篇文章给大家介绍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效果就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。