1. 程式人生 > >去除自定義Toolbar中左邊距

去除自定義Toolbar中左邊距

分享 roi mar tap ring att blog img pac

問題

自定義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中左邊距