ToolBar的简单使用

ToolBar的简单使用

ToolBar的出现是为了替换之前的ActionBar的各种不灵活使用方式,相反,ToolBar的使用变得非常灵活,因为它可以让我们自由往里面添加子控件.低版本要使用的话,可以添加support-v7包.

需要在gradle中引入支持库，一般在新建项目时会自动添加

compile 'com.android.support:appcompat-v7:25.1.1'

xml文件中的使用

<android.support.v7.widget.Toolbar
    android:id="@+id/action_bar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="?attr/colorPrimary">
    <!--
    <ImageView
        android:id="@+id/bar_right"
        android:layout_width="60dp"
        android:layout_height="match_parent"
        android:layout_gravity="right"
        android:layout_marginRight="10dp"
        android:layout_marginLeft="10dp"
        android:src="@mipmap/ic_launcher"
        android:scaleType="centerCrop"/>

    <TextView
        android:id="@+id/bar_title"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:textAllCaps="false"
        android:layout_gravity="center"
        android:maxLines="1"
        android:gravity="center"
    -->
</android.support.v7.widget.Toolbar>

注意点： 不要再次设置NavigationIcon和title,没有什么用

ToolBar本身相当于水平方向的LinearLayout,所以它里面可以直接添加其他子类控件

TextView用于让标题居中，toolBar本身标题时左对齐

在代码中的设置

Toolbar bar = (Toolbar) rootView.findViewById(R.id.action_bar);
bar.setTitle("toolBar的使用");
bar.setNavigationIcon(R.mipmap.icon_back);
bar.setTitleTextAppearance(getContext(),R.style.tabLayoutStyle);
((BaseActivity)getActivity()).setSupportActionBar(bar);

 //设置NavigationIcon的点击事件,需要放在setSupportActionBar之后设置才会生效,   
 // 因为setSupportActionBar里面也会setNavigationOnClickListener

bar.setNavigationOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        getActivity().finish();
    }
});

注意点
1、设置标题，副标题等要放在setSupportActionBar(bar)之前，设置setNavigationIcon(*)可以放在 setSupportActionBar(bar)之前，也可以放在setSupportActionBar(bar)之后

2、设置NavigationIcon的点击事件和MenuItemClick事件,必须放在setSupportActionBar之后设置才会生效

toolBar的setOnMenuItemClickListener事件

添加的内容是右对齐

(1)在res/menu中新建文件menu_toolbar

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/action_edit"
        android:title="右侧文本"
        app:showAsAction="always"/>
    <item
        android:id="@+id/action_share"
        android:title=""
        android:icon="@mipmap/ic_favorite_white_24dp"
        app:showAsAction="always"/>
</menu>

(2)代码片段

@Override
public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) {
    menu.clear();
    inflater.inflate(R.menu.menu_toolbar,menu);
    super.onCreateOptionsMenu(menu, inflater);

}

放在setSupportActionBar之后

bar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
    @Override
    public boolean onMenuItemClick(MenuItem item) {
        switch (item.getItemId()){
            case R.id.action_edit:
                Toast.makeText(getContext(),"点击右侧图片",Toast.LENGTH_SHORT).show();
                break;
            case R.id.action_share:
                Toast.makeText(getContext(),"点击右侧图片",Toast.LENGTH_SHORT).show();
                break;
        }
        return false;
    }
});

如果是在fragment中，则需要添加

@Override
public void onCreate(@Nullable Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    /*
    * Fragment通过实现onCreateOptionsMenu()方法给Activity的可选菜单（包括动作栏）提供菜单项，
    * 但是为了这个方法能够接受调用，必须在onCreate()方法中调用setHasOptionsMenu()方法
    * */
    setHasOptionsMenu(true);
}

在toolBar中添加的控件的事件操作

(1)在xml文件添加控件如上，在toolBar中添加对应的控件

(2)事件

放在setSupportActionBar之后

rootView.findViewById(R.id.bar_right).setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            Toast.makeText(getContext(),"点击右侧图片",Toast.LENGTH_SHORT).show();
        }
});

另外补充 设置toolBar标题居中

toolBar本身标题不是居中，如果想要设置居中，如下：

1、在xml的toolaBar中添加一个TextView，设置居中

<TextView
     android:id="@+id/bar_title"
      android:layout_width="wrap_content"
      android:layout_height="match_parent"
      android:textAllCaps="false"
      android:layout_gravity="center"
      android:maxLines="1"
      android:gravity="center"
      android:text="dfsdffffffffff的广泛的发个梵蒂冈梵蒂冈风asdc"/>

2、在setSupportActionBar之前将toolBar的标题设置为空

bar.setTitle("");
((BaseActivity)getActivity()).setSupportActionBar(bar);

3、在setSupportActionBar之后设置新的标题

 TextView title = (TextView) rootView.findViewById(R.id.bar_title);
 title.setText("toolBar的使用");

4、效果图