如何在溢出菜单图标上设置边距？

问题描述

你好。

我想将工具栏中的图标向左移动。

在 menu.xml 中，没有边距属性。

我想为溢出菜单的图标设置边距。

如何设置边距？

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

activity_main.xml

<androidx.coordinatorlayout.widget.CoordinatorLayout
        android:id="@+id/coordinator"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_constraintTop_toTopOf="parent">
        <com.google.android.material.appbar.AppBarLayout
            android:id="@+id/appbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@android:color/transparent"
            app:elevation="0dp">
            <androidx.appcompat.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:contentInsetLeft="0dp"
                app:contentInsetStart="0dp"
                app:titleMarginStart="30dp" />
        </com.google.android.material.appbar.AppBarLayout>
    </androidx.coordinatorlayout.widget.CoordinatorLayout>

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"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context=".MainActivity">
    <item
        android:icon="@drawable/ic_action_add"
        android:title="A D D"
        app:showAsAction="always" />
</menu>

解决方法

您必须在工具栏内使用容器。这样您就可以随心所欲地管理它。

更新：您可以尝试从样式文件替换吗？

<style name="StyleSampleName" parent="@android:style/Widget.ActionButton">
    <item name="android:drawablePadding">@dimen/style_sample_padding</item>
</style>

尺寸：

<dimen name="style_sample_padding">5dp</dimen>

主题：

<style name="Theme.YourUseTheme"
       parent="Theme.AppCompat.Light.NoActionBar">
   
    <item name="android:actionButtonStyle">@style/StyleSampleName</item>
</style>

,

您可以在工具栏的末尾添加一个内边距，并将其用作您的 supportActionBar

第一步：从styles.xml中删除ActionBar，例如使用Theme.AppCompat.DayNight.NoActionBar作为主题

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.DayNight.NoActionBar">
     .... 
    </style>
</resources>

第 2 步： 在布局中的 toolbar 末尾添加内边距；我添加了 32dp，您可以根据需要进行自定义

<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/coordinator"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_constraintTop_toTopOf="parent">

    <com.google.android.material.appbar.AppBarLayout
        android:id="@+id/appbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:elevation="0dp">

        <androidx.appcompat.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:paddingEnd="32dp"
            android:paddingRight="32dp"
            app:contentInsetLeft="0dp"
            app:contentInsetStart="0dp"
            app:titleMarginStart="30dp" />
    </com.google.android.material.appbar.AppBarLayout>
</androidx.coordinatorlayout.widget.CoordinatorLayout>

第 3 步：将工具栏设置为 SupportActionBar

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // setting the SupportActionBar to my customized toolbar
        setSupportActionBar((findViewById(R.id.toolbar))); 

    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.menu,menu);
        return true;
    }
}

结果