美文网首页
ToolBar左上角箭头的显示隐藏,颜色设置

ToolBar左上角箭头的显示隐藏,颜色设置

作者: ApolloGuibo | 来源:发表于2017-10-13 11:12 被阅读0次

首先设置主题

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/main_color</item>
        <item name="colorPrimaryDark">@color/main_color</item>
        <item name="colorAccent">@color/main_color</item>
        <item name="android:windowActionBar">false</item>
        <item name="android:windowNoTitle">true</item>
    </style>

这里要一定要使用NoActionBar,否则会报错:
···
This Activity already has an action bar supplied by the window decor.
···
带代码中设置ToolBar代替ActionBar:

    //设置为ActionBar
    setSupportActionBar((Toolbar) findViewById(R.id.tool_bar));
    //显示那个箭头
    getSupportActionBar().setDisplayHomeAsUpEnabled(true);

这样代码运行起来就可以显示自己的ToolBar了。
But...
默认情况下左上角的返回箭头是黑色的。。

device-2017-10-13-111700.png

通常情况加我们需要与toolbar标题统一的颜色,比如白色,那么需要在布局文件中的toolbar空间中再添加两行样式代码即可:

 <android.support.v7.widget.Toolbar
        android:id="@+id/main_toolbar"
        style="@style/Toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:minHeight="?attr/actionBarSize"
        app:contentInsetStart="0dp"
        app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
        >

app:popupTheme——有时候我们有需求:ActionBar文字是白的,ActionBar Overflow弹出的是白底黑字让ActionBar文字是白的,那么对应的theme肯定是Dark。可是让ActionBar弹出的是白底黑字,那么需要Light主题。这时候popupTheme就派上用场了。android:theme 与app:theme——在AppCompat v21里,提供了一个快速方便的方法设置Toolbar的主题,使用app:theme。而新版本22.1.x中,AppCompat 允许对 Toolbar 使用 android:theme代替 app:theme。最好的一点是:它会自动继承父视图的theme ,并且兼容所有APIv11以上的设备。
此段引用自----lovejjfg的原创文章【Android中ToolBar箭头颜色设置】

这样就可以了:

device-2017-10-13-112712.png

也可以设置成自己的返回按键图片

//设置对应的图片
 mToolBar.setNavigationIcon(R.mipmap.ic_arrow_back);
//处理点击
 toolbar.setNavigationOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            //doSomething();
        }
    });

相关文章

网友评论

      本文标题:ToolBar左上角箭头的显示隐藏,颜色设置

      本文链接:https://www.haomeiwen.com/subject/bpqzyxtx.html