Android自定义Toolbar使用方法详解

本篇文章介绍:

如何使用Toolbar;

自定义Toolbar;

先来看一看效果，了解一下toolbar；

布局文件：

<android.support.v7.widget.Toolbar
   android:id="@+id/toolbar"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:background="@color/colorPrimary"/>

Actvity中设置属性：

Toolbar toolBar= (Toolbar) findViewById(R.id.toolbar);
toolBar.setLogo(R.mipmap.ic_launcher);//设置图标
toolBar.setTitle("Title");//设置主标题
toolBar.setSubtitle("smalltitle");//设置子标题

这样就可以实现上面的效果。

接下来是自定义的Toolbar：

布局文件：

<com.example.cjj.test.bean.MyToolBar
   android:id="@+id/toolbar"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:background="?attr/colorPrimary"
   android:minHeight="?attr/actionBarSize"
   android:layout_centerInParent="true"
   android:layout_gravity="center"
 >
 </com.example.cjj.test.bean.MyToolBar>

toolbar.xml：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="match_parent"
 android:layout_height="match_parent">

<ImageButton
   android:id="@+id/mLeftButton"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_alignParentLeft="true"
   android:layout_centerVertical="true"
   android:background="?attr/colorPrimary"
   />
 <TextView
   android:id="@+id/toolbar_title"
   android:text="title"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:layout_centerInParent="true"
   android:layout_gravity="center"
   android:gravity="center"
   android:textColor="@color/white"
   android:textSize="20sp"
   />
 <ImageButton
   android:id="@+id/mRightButton"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_alignParentRight="true"
   android:layout_centerVertical="true"
   android:background="?attr/colorPrimary"/>
</RelativeLayout>

新建一个MyToolbar：

public class MyToolBar extends Toolbar {
 //布局
 private LayoutInflater mInflater;
 //右边按钮
 private ImageButton mRightButton;
 //左边按钮
 private ImageButton mLeftButton;
 //标题
 private TextView mTextTitle;

private View view;

public MyToolBar(Context context) {
   this(context,null);
 }

public MyToolBar(Context context, AttributeSet attrs) {
   this(context, attrs, 0);
 }
 public MyToolBar(Context context, AttributeSet attrs, int defStyleAttr) {
   super(context, attrs, defStyleAttr);

//初始化函数
   initView();
   setContentInsetsRelative(10, 10);
   if (attrs != null) {
      setLeftButtonIcon(R.mipmap.back_icon);//设置左图标
       //设置点击事件
       setLeftButtonOnClickLinster(new OnClickListener() {
         @Override
         public void onClick(View v) {
           Toast.makeText(getContext(),"left",Toast.LENGTH_SHORT).show();
         }
       });
       setRightButtonIcon(R.mipmap.nav_more);//设置右图标
        //设置点击事件
       setRightButtonOnClickLinster(new OnClickListener() {
         @Override
         public void onClick(View v) {
           Toast.makeText(getContext(), "right", Toast.LENGTH_SHORT).show();
         }
       });
   }
 }
private void initView() {
   if(view==null){
     //初始化
     mInflater= LayoutInflater.from(getContext());
     //添加布局文件
     view=mInflater.inflate(R.layout.toolbar,null);
     //绑定控件
     mEditSearchView= (EditText) view.findViewById(R.id.toolbar_searchview);
     mTextTitle= (TextView) view.findViewById(R.id.toolbar_title);
     mLeftButton= (ImageButton) view.findViewById(R.id.mLeftButton);
     mRightButton= (ImageButton) view.findViewById(R.id.mRightButton);

LayoutParams layoutParams = new LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT, Gravity.CENTER_HORIZONTAL);
     addView(view, layoutParams);
   }
 }
  public void setRightButtonIcon(int icon){

if(mRightButton !=null){

mRightButton.setImageResource(icon);
     // mRightButton.setVisibility(VISIBLE);
   }

}
 public void setLeftButtonIcon(int icon){

if(mLeftButton !=null){

mLeftButton.setImageResource(icon);
     //mLeftButton.setVisibility(VISIBLE);
   }

}

//设置右侧按钮监听事件
 public void setRightButtonOnClickLinster(OnClickListener linster) {
   mRightButton.setOnClickListener(linster);
 }

//设置左侧按钮监听事件
 public void setLeftButtonOnClickLinster(OnClickListener linster) {
   mLeftButton.setOnClickListener(linster);
 }