利用 v7 Toolbar 自定义 Android ActionBar



要使用 Toolbar,首先要在 layout 里面添加组件,例如在 activity_main.xml 里添加java

<android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_height="wrap_content"
        android:layout_width="match_parent" />

而后修改该 Activity 的样式,禁用其 ActionBar
android

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

最后再 Activity 代码中设置该 Toolbar 为 ActionBarapp

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

至此,一个简单的自定义 ActionBar 就完成了。ide


若是想 修改导航按钮 的图标,只须要在 Layout 文件中为 Toolbar 增长属性 app:navigationIcon 便可ui

<android.support.v7.widget.Toolbar
        android:id="@+id/id_toolbar"
        android:layout_height="wrap_content"
        android:layout_width="match_parent"
        app:navigationIcon="@mipmap/back_icon" />

注意:若是要在代码里设置 icon 属性,须要在 setSupportActionBar() 方法以后执行,不然修改无效code

为导航按钮添加点击处理xml

toolbar.setNavigationOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            // TODO
        }
});


若是想 修改标题样式,如改为居中,须要清空默认标题,并添加自定义标题。ip

首先,在 layout 文件中 增长 TextView 用于显示文字内容,以下get

<android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:minHeight="?attr/actionBarSize"
        app:navigationIcon="@mipmap/back_icon">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:layout_gravity="center"
            android:text="tonglei0429"
            android:textSize="18dp" />

</android.support.v7.widget.Toolbar>

而后,清空原 toolbar 标题string

Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
toolbar.setTitle("");
setSupportActionBar(toolbar);



若是想修改右侧菜单项,能够修改 menu.xml 同 ActionBar 处理方式同样,如 menu.xml

<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context="com.narennetwork.travel.ui.ToursActivity">
    <item
        android:id="@+id/action_add"
        android:orderInCategory="100"
        android:title="@string/action_add"
        android:icon="@mipmap/add_icon"
        app:showAsAction="always" />
</menu>

app:showAsAction 属性决定该菜单项在合适被合并到 overflow (...) 里,always表明始终显示,never表明始终合并,ifRoom表明根据屏幕空间自动调整

android:orderInCategory 表明其优先级,即收入 Overflow 里的顺序

为菜单项添加点击处理

@Override
public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.menu_tour_publisher, menu);
        return true;
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
        if (item.getItemId() == R.id.action_add) {
            // TODO
        }

        return super.onOptionsItemSelected(item);
}
相关文章
相关标签/搜索