ToolBar修改返回按钮图标

2018-12-09 22:48:14

使用Toolbar时,有时因为不同的手机设备,不能使用系统默认的主题样式或者图标,必须指定特定的资源,防止APP在不同设备上的效果不一样! 

我在使用Toolbar时,把这个布局作为一个公共的了,所以修改起来比较容易,下面是该Toolbar的布局文件:


<?xml version="1.0" encoding="utf-8"?>

<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:id="@+id/toolbar"

    android:layout_height="wrap_content"

    android:background="?attr/day_actionbar_bg">


    <TextView

        android:id="@+id/tv_title"

        android:layout_width="wrap_content"

        android:layout_height="match_parent"

        android:layout_gravity="center"

        android:textSize="@dimen/actionbar_txtSize"

        android:textColor="?attr/common_login_txtbg"/>

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

在跟节点加上这几句i就可以了:


    xmlns:app="http://schemas.android.com/apk/res-auto"

        app:navigationIcon="@drawable/navigationIcon"

    android:navigationIcon="@drawable/navigationIcon"

1

2

3

就可以修改返回按钮的图标样式了, 

完整的布局代码是这样的:


<?xml version="1.0" encoding="utf-8"?>

<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:id="@+id/toolbar"

    xmlns:app="http://schemas.android.com/apk/res-auto"

    app:navigationIcon="@drawable/navigationIcon"

    android:navigationIcon="@drawable/navigationIcon"

    android:layout_height="wrap_content"

    android:background="?attr/day_actionbar_bg">


    <TextView

        android:id="@+id/tv_title"

        android:layout_width="wrap_content"

        android:layout_height="match_parent"

        android:layout_gravity="center"

        android:textSize="@dimen/actionbar_txtSize"

        android:textColor="?attr/common_login_txtbg"/>

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

修改返回按钮成功!


Menu菜单文字的颜色修改:

使用ToolBar时,需要右上角的菜单按钮,菜单的文字按钮颜色也需要修改,在app的主题里修改就可以了,主题中加个:




<item name="android:actionMenuTextColor">#329da3</item>


1

2

3

4

5

但只有menu中item设置showAsAction为always的时候才有用,


  • 2021-05-25 13:10:49

    npm 多个不同版本的依赖

    提起 npm,大家第一个想到的应该就是 npm install 了,但是 npm install 之后生成的 node_modules 大家有观察过吗?package-lock.json 文件的作用大家知道吗?除了 dependencies 和 devDependencies,其他的依赖有什么作用呢?接下来,本文将针对 npm 中的你可能忽略的细节和大家分享一些经验 。