ToolBar的使用

1. 去掉ActionBar：需要把windowActionBar，windowNoTitle以及加上android声明的也写上。确保把系统自带的以及第三方兼容包的ActionBar都彻底去掉。确保把系统自带的以及第三方兼容包的ActionBar都彻底去掉。

<style name="AppTheme"  parent="Theme.AppCompat.Light.NoActionBar">
        <item name="colorPrimary">@color/red</item>
        <item name="colorPrimaryDark">@color/green</item>
        <item name="colorAccent">@color/blue</item>
        <item name="android:textColorPrimary">@color/white</item>

        <item name="android:windowActionBar">false</item>
        <item name="android:windowNoTitle">true</item>

        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
    </style>

2. 主题中的几个颜色：

• colorPrimary是指导航栏的颜色。
• colorAccent是指我们常用控件比如Button等的颜色。
• textColorPrimary是指我们导航栏中标题的颜色。
• windowBackground是指我们窗体的默认颜色。
• navigationBarColor是指Android手机中虚拟按键的背景颜色。

 

3、代码中对Toolbar进行常见的操作，可以通过ID找到Toolbar之后，可以对导航图标进行点击监听，前提必须是在布局或者java代码中添加了导航图标，同理也可以使用菜单。

Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);

//对Toolbar左边的导航图标进行监听
toolbar.setNavigationOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        Toast.makeText(MainActivity.this, "返回", Toast.LENGTH_SHORT).show();
    }
});

//Toolbar中使用菜单
toolbar.inflateMenu(R.menu.menu_main);
toolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
    @Override
    public boolean onMenuItemClick(MenuItem item) {
        switch (item.getItemId()) {
            case R.id.action_item1:
                Toast.makeText(MainActivity.this, "菜单1", Toast.LENGTH_SHORT).show();
                return true;
            case R.id.action_item2:
                Toast.makeText(MainActivity.this, "菜单2", Toast.LENGTH_SHORT).show();
                return true;
            case R.id.action_item3:
                Toast.makeText(MainActivity.this, "菜单3", Toast.LENGTH_SHORT).show();
                return true;
        }
        return false;
    }
});

 

 

自定义Toolbar

 

• 自定义布局，添加到Toolbar中。
•        有必要的时候自定义一些属性。
• 　　自定义Class继承Toolbar，读取自定义属性，对Toolbar的布局显示，内容进行设置，最后需要对外公开一些函数用于设置标题，监听等、

1.写一个自定义布局，用来放入自定义Toolbar。

<?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="wrap_content">

    <EditText
        android:id="@+id/toolbar_searchview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_centerVertical="true"
        android:gravity="center"
        android:drawableLeft="@mipmap/icon_search"
        style="@style/search_view"
        android:hint="请输入搜索内容"
        android:layout_marginRight="60dp"
        android:visibility="gone"/>

     <TextView
         android:id="@+id/toolbar_title"
         android:layout_centerInParent="true"
         android:layout_gravity="center"
         android:gravity="center"
         android:textColor="@color/white"
         android:textSize="20sp"
         android:visibility="gone"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"/>

    <ImageButton
        android:id="@+id/toolbar_rightButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_centerInParent="true"
        android:visibility="gone"
        style="@android:style/Widget.Material.Toolbar.Button.Navigation"/>

</RelativeLayout>

2.在values文件下新建attrs.xml文件，用于存放自定义的一些属性。

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <declare-styleable name="CnToolbar">
        
        <!--右边按钮-->
        <attr name="rightButtonIcon" format="reference"/>
        <!--用于是否显示搜索框-->
        <attr name="isShowSearchView" format="boolean"/>

    </declare-styleable>
</resources>

初始化界面的时候需要把自定义的属性的值通过TintTypedArray读取进来，然后进行一些界面显示方面的设置。

初始化监听器，需要用到接口的回调，具体步骤是公开的声明接口，接口里面有OnClick方法，声明该接口的实现，作为Toolbar的私有成员变量，公开setListener方法，把传入的

Listener实现类赋值给这个成员变量；在必须的时候调用成员变量的onClick方法（如在左边的按钮的点击事件中调用）。公开一些函数，比如设置标题，设置是否显示搜索框、标题等等。

public class CnToolbar extends Toolbar {

    private LayoutInflater mInflater;

    private View mView;

    private TextView mTextTitle;

    private EditText mSearchView;

    private ImageButton mRightImageButton;

    public CnToolbar(Context context) {
        this(context,null);
    }

    public CnToolbar(Context context, @Nullable AttributeSet attrs) {
        this(context, attrs,0);
    }

    public CnToolbar(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);

        //初始化界面
        initView();
        //设置边距
        setContentInsetsRelative(50,10);


        if(attrs !=null) {
            //通过代码得到布局中的一些信息
            final TintTypedArray a = TintTypedArray.obtainStyledAttributes(getContext(), attrs,
                    R.styleable.CnToolbar, defStyleAttr, 0);

            final Drawable rightIcon = a.getDrawable(R.styleable.CnToolbar_rightButtonIcon);
            if (rightIcon != null) {
                //使右边按钮显示出来
                setRightButtonIcon(rightIcon);
            }

            boolean isShowSearchView = a.getBoolean(R.styleable.CnToolbar_isShowSearchView,false);

            if(isShowSearchView){
                showSearchView();
                hideTitleView();
            }

            //TintTypedArray使用完毕进行回收
            a.recycle();
        }

    }

    private void initView(){

        if(mView == null){
            mInflater = LayoutInflater.from(getContext());
            mView = mInflater.inflate(R.layout.toolbar, null);


            mTextTitle = (TextView) mView.findViewById(R.id.toolbar_title);
            mSearchView = (EditText) mView.findViewById(R.id.toolbar_searchview);
            mRightImageButton = (ImageButton) mView.findViewById(R.id.toolbar_rightButton);


            LayoutParams lp = new LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT, Gravity.CENTER_HORIZONTAL);

            //添加自定义的布局到Toolbar
            addView(mView, lp);
        }

    }

    //设置右边按钮
    public void  setRightButtonIcon(Drawable icon){
        if(mRightImageButton !=null){
            mRightImageButton.setImageDrawable(icon);
            mRightImageButton.setVisibility(VISIBLE);
        }
    }

    //用于设置点击监听事件
    public void setRightButtonOnClickListener(OnClickListener li){
        mRightImageButton.setOnClickListener(li);
    }


    //重写设置标题的方法
    @Override
    public void setTitle(int resId){
        setTitle(getContext().getText(resId));
    }

    @Override
    public void setTitle(CharSequence title){
        initView();
        if(mTextTitle !=null) {
            mTextTitle.setText(title);
            showTitleView();
        }
    }
    
    /*
    * 显示以及隐藏搜索框、标题的方法。
     */
    
    public  void showSearchView(){
        if(mSearchView !=null)
            mSearchView.setVisibility(VISIBLE);
    }

    public void hideSearchView(){
        if(mSearchView !=null)
            mSearchView.setVisibility(GONE);
    }
    
    public void showTitleView(){
        if(mTextTitle !=null)
            mTextTitle.setVisibility(VISIBLE);
    }


    public void hideTitleView() {
        if (mTextTitle != null)
            mTextTitle.setVisibility(GONE);
    }

}

自定义Toolbar 

如同一般的控件去使用就可以了，注意加上自定义属性的命名空间，一般为auto就可以了。

---

ToolBar设置NavigationIcon不显示异常或自定义失败异常