Android自定义Toolbar使用方法详解

本篇文章介绍:
如何使用Toolbar;
自定义Toolbar;
先来看一看效果，了解一下toolbar；

布局文件：

<android.support.v7.widget.Toolbarandroid: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.MyToolBarandroid: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"><ImageButtonandroid: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"/> <TextViewandroid: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"/><ImageButtonandroid: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（） {@Overridepublic void onClick（View v） {Toast.makeText（getContext（）,"left",Toast.LENGTH_SHORT）.show（）;}}）;setRightButtonIcon（R.mipmap.nav_more）;//设置右图标 //设置点击事件setRightButtonOnClickLinster（new OnClickListener（） {@Overridepublic 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）;}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。