首页 > 系统 > Android > 正文

Android自定义Toolbar使用方法详解

2019-12-12 04:11:49
字体:
来源:转载
供稿:网友

本篇文章介绍:

如何使用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);  }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持武林网。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表