Android 自定义Toolbar/ActionBar视图左边有空白

最新推荐文章于 2023-11-20 10:26:57 发布

下沉的代码

最新推荐文章于 2023-11-20 10:26:57 发布

阅读量848

点赞数

分类专栏：异常处理

异常处理专栏收录该内容

10 篇文章

订阅专栏

本文讨论了在Android开发中使用自定义Toolbar时遇到的左侧留空白问题，并提供了通过调整contentInsetStart属性来解决该问题的方法。通过定义新的样式和在主题中重写toolbar属性，可以实现Toolbar的完全填充。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近自定义Toolbar之后，发现左侧不能完全填充，总是留一点空白，经过查看新发布的V7的支持包中的style发现了解决方法。

查看Wiget.AppCompat.Toolbar的parent，如下：

        <
        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
        >
       

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

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

        <style name=
        "ClubToolbar" 
        parent=
        "Widget.AppCompat.Toolbar"
        >  
       

                
        <item name=
        "contentInsetStart"
        >0dp</item><!-- 设置该属性解决空白部分-->  
       

        </style>
       

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

        <!-- Base application theme. “NoActionBar”隐藏原有的Actionbar 设置Toolbar -->
       

            
        <
        style 
        name
        =
        "AppTheme" 
        parent
        =
        "Theme.AppCompat.Light.NoActionBar"
        >
       

                
        //.....
       

                
        <
        item 
        name
        =
        "toolbarStyle"
        >@style/ClubToolbar</
        item
        >
       

            
        </
        style
        >
       