您的位置:首页 > 移动开发 > Android开发

利用 v7 Toolbar 自定义 Android ActionBar

2016-01-08 09:39 531 查看


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

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

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

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

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

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

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

如果想 修改导航按钮 的图标,只需要在 Layout 文件中为 Toolbar 增加属性 app:navigationIcon 即可

<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() 方法之后执行,否则修改无效

为导航按钮添加点击处理

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


如果想 修改标题样式,如改成居中,需要清空默认标题,并添加自定义标题。

首先,在 layout 文件中 增加 TextView 用于显示文字内容,如下

<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 标题

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);
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: