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); }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。
赞 (0)