本篇文章介绍:

如何使用Toolbar;

自定义Toolbar;

先来看一看效果，了解一下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：

布局文件：

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"

>

toolbar.xml：

android:layout_width="match_parent"

android:layout_height="match_parent">

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"

/>

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"

/>

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"/>

新建一个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,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);

}

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

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

小编个人微信号 jb51ccc

喜欢与人分享编程技术与工作经验，欢迎加入编程之家官方交流群！