去除自定义Toolbar中左边距

Posted 2020-09-29 一点点征服

问题

自定义Toolbar之后，发现左侧不能完全填充，总是留一点空白，如下图：

原因

查看Wiget.AppCompat.Toolbar的parent（Toolbar默认的style），如下：

<style name="Base.Widget.AppCompat.Toolbar" parent="android:Widget">  
    <item name="titleTextAppearance">@style/TextAppearance.Widget.AppCompat.Toolbar.Title</item>  
    <item name="subtitleTextAppearance">@style/TextAppearance.Widget.AppCompat.Toolbar.Subtitle</item>  
    <item name="android:minHeight">?attr/actionBarSize</item>  
    <item name="titleMargins">4dp</item>  
    <item name="maxButtonHeight">56dp</item>  
    <item name="collapseIcon">?attr/homeAsUpIndicator</item>  
    <item name="collapseContentDescription">@string/abc_toolbar_collapse_description</item>  
    <item name="contentInsetStart">16dp</item>  
</style>

• 1

其中，contentInsetStart 这个属性就是引起自定义ActionBar不能完全填充的原因。

解决方法

第一种：

在styles.xml中定义新的style继承自Wiget.AppCompat.Toolbar如下：

<style name="CustomToolbar" parent="Widget.AppCompat.Toolbar">  
        <item name="contentInsetStart">0dp</item><!-- 设置该属性边距为0dp-->  
</style>

 

然后在你的style.xml中AppTheme里重写toolbar属性：

 <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        //.....
        <item name="toolbarStyle">@style/CustomToolbar</item>
 </style>

• 1

第二种：

直接在Toolbar中设置contentInsetStart属性

 <android.support.v7.widget.Toolbar
                //...
                xmlns:app="http://schemas.android.com/apk/res-auto"
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:contentInsetStart="0dp"<!-- 设置该属性边距为0dp (app开头)-->  
               />

• 1
• 2

注意：

contentInsetStart是以app开头的命名空间
（xmlns:app="http://schemas.Android.com/apk/res-auto"），
切勿使用android开头。

以上是关于去除自定义Toolbar中左边距的主要内容，如果未能解决你的问题，请参考以下文章

如何删除Android工具栏的左边距？

Sublime Text3自定义代码片段

SwiftUI间隙左边距并更改列表项底部边框的颜色

Toolbar标题居中

css之去除html标签默认的外边距margin和内边距padding,通用工具类 base.css

快速添加填充到 UITextField 的左边距