【问题标题】:How to remove the space from the Navigation Top bar icons in android? [duplicate]如何从android中的导航顶部栏图标中删除空间? [复制]
【发布时间】:2017-10-31 12:05:48
【问题描述】:

请查看图片并为我提供删除图标之间多余空格的解决方案。

Style.xml 文件中的代码是

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="android:minWidth">0dp</item>
    <item name="android:paddingLeft">0dp</item>
    <item name="android:paddingRight">0dp</item>
    <item name="android:layout_margin">0dp</item>
</style>

activity.xml 中的代码

<android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        app:popupTheme="@style/AppTheme.PopupOverlay"
        app:contentInsetLeft="0dp"
        app:contentInsetStart="0dp"
        app:contentInsetStartWithNavigation="0dp"/>

Menu.xml 中的代码

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<group android:checkableBehavior="single">
    <item
        android:id="@+id/action_cart"
        android:icon="@drawable/ic_cart"
        android:orderInCategory="4"
        android:title=""
        app:showAsAction="always" />
    <item
        android:id="@+id/action_home"
        android:icon="@drawable/ic_home_top"
        android:orderInCategory="3"
        android:title=""
        app:showAsAction="always" />
    <item
        android:id="@+id/action_filter"
        android:icon="@drawable/ic_filter"
        android:orderInCategory="2"
        android:title=""
        app:showAsAction="always" />
    <item
        android:id="@+id/action_search"
        android:icon="@drawable/ic_search"
        android:orderInCategory="1"
        android:title=""
        app:showAsAction="always" />
</group>

请为我提供解决方案,说明如何删除图标之间的多余空间。 谢谢

【问题讨论】:

  • 是菜单吗?还是工具栏中的自定义布局?
  • @xbadal 导航中的这个菜单只看到更新了
  • @xbadal 不,我对右侧的图标有疑问
  • 我认为关闭者误解了你的问题。我想你想要的东西就像this post 中显示的那样。但是,使用 appcompat,您可以从 actionButtonStyle 项目中删除 android 命名空间前缀 - name="actionButtonStyle"
  • @MikeM。谢谢,现在它对我有用。

标签: android xml android-layout navigationview


【解决方案1】:

你拥有的是actionbar的默认设计规范。

使用自定义工具栏覆盖该行为。

<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="?attr/colorPrimary"
    app:popupTheme="@style/AppTheme.PopupOverlay"
    app:contentInsetLeft="0dp"
    app:contentInsetStart="0dp"
    app:contentInsetStartWithNavigation="0dp">

    <!-- your icon goes here -->

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

并将主题更改为从NoActionbar扩展

&lt;style name="AppTheme" parent="Theme.AppCompat.NoActionBar"&gt;

最后在您的活动的onCreate() 中将工具栏设置为操作栏

setSupportActionbar(toolbar);

【讨论】:

  • 它不适合我
猜你喜欢
  • 1970-01-01
  • 2022-01-14
  • 2018-07-08
  • 2021-11-16
  • 1970-01-01
  • 1970-01-01
  • 2020-01-30
  • 2021-07-02
  • 1970-01-01
相关资源
最近更新 更多