使用Toolbar左边/右边有空白部分

2019-06-23  本文已影响0人  陽光亽活力

1.解决办法

在toolbar控件中加入以下属性即可

        app:contentInsetStart="0dp"
        app:contentInsetEnd="0dp"
        app:contentInsetLeft="0dp"
        app:contentInsetRight="0dp"

   <android.support.v7.widget.Toolbar
        android:layout_width="match_parent"
        android:layout_height="40dp"
        app:contentInsetStart="0dp">

        <TextView
            style="@style/text_16_FF"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/text_2A"
            android:gravity="center_vertical"
            android:text="@string/text_view_name" />
    </android.support.v7.widget.Toolbar>

注意:
我们这里用的是v7包下的Toolbar,所以要使用自定义的属性。如果你使用的是系统的Toolbar,则使用android:开头的属性才会生效

2.问题

如图:在布局文件的开头有一段小空白

image.png

3.解决办法

消除左边的白边我们添加 app:contentInsetStart="0dp"

image.png

4.原因

其实这是由于系统的自定义属性造成的,找到系统ActionBar的自定义属性,我们可以看到有这样一个自定义的风格(具体使用的哪个风格应该会跟随系统和使用的兼容包有一定的差距,这里仅作实例,Toolbar也是继承了ActionBar的一些风格)

image.png

应该就是这两个属性造成了ActionBar和Toolbar的自定义布局出现了一小段不可用的padding的吧,所以当我们在自定义的风格或者Toolbar的属性中重写掉这个属性并赋值“0dp”后白边你就消失了

image.png
上一篇 下一篇

猜你喜欢

热点阅读