本篇文章介绍:
如何使用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
喜欢与人分享编程技术与工作经验,欢迎加入编程之家官方交流群!