Toolbar
本文参考Android开发最佳实践by胡凯
更多详细用法请参考
android:ToolBar详解(手把手教程)
Android 5.x Theme 与 ToolBar 实战
自从MaterialDesign开始,Android官方就开始使用Toolbar替代了原来的ActionBar,现在Toolbar已经加入Support兼容包。Toolbar是一个相比起ActionBar更加丰富,更加灵活的组件,另外它的布局本身还是View Hierarchy的一部分,这就意味着可以对Toolbar执行动画操作,增加点击滑动事件等等,甚至我们还可以在一个页面里面加入两个Toolbar。
为了启用Toolbar,首先要做的事情就是关闭当前Activity的ActionBar。我们可以通过使得Activity的主题继承Theme.AppCompat.NoActionBar
AndroidManifest.xml
<application
...
android:theme="@style/AppTheme">
...
</application>
…\values\styles.xml
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
<item name="android:windowBackground">@color/wbg</item>
<item name="android:windowActionBar">false</item>
<item name="android:actionMenuTextColor">@color/mtc</item>
<item name="android:actionBarSize">@dimen/actionbar_height</item>
</style>
然后在对应的XML布局文件中,添加类似下面的toolbar布局信息:
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:layout_alignParentTop="true"
android:background="@color/g"/>
在布局文件中添加Toolbar的信息之后,需要启动Toolbar替代ActionBar,需要像下面一样做设置:
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
final Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
if (toolbar != null) {
setSupportActionBar(toolbar);
}
ActionBar actionBar = getSupportActionBar();
if (actionBar != null) {
// 显示返回上一级(即 < icon)
actionBar.setDisplayHomeAsUpEnabled(true);
}
final Drawable upArrow = getResources().getDrawable(R.drawable.upArrow);
if (upArrow != null) {
// 如果layout方向是从右到左,自动翻转
upArrow.setAutoMirrored(true);
// 设置 < icon颜色
upArrow.setColorFilter(getResources().
getColor(R.color.upArrow),PorterDuff.Mode.SRC_ATOP);
}
if (actionBar != null) {
// 设置返回上一级的图标
actionBar.setHomeAsUpIndicator(upArrow);
actionBar.setHomeActionContentDescription(getResources().
getString(R.string.action_bar_back_button_navigate_up));
}
}
可以在Fragment中设置隐藏或显示Toolbar ActionBar
@Override
public void onAttach(Activity activity) {
super.onAttach(activity);
// Hide ToolbarActionBar
ActionBar actionBar = _mainActivity.getSupportActionBar();
if (actionBar != null) {
actionBar.hide();
}
_mainActivity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);
}
@Override
public void onDetach() {
super.onDetach();
// show ToolbarActionBar
ActionBar actionBar = _mainActivity.getSupportActionBar();
if (actionBar != null) {
actionBar.show();
}
_mainActivity.getWindow().clearFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);
}