在 Android 菜单图标中添加文字 below/above 切换按钮

Question

我正在尝试在我的 Toolbar 中添加文本 below/above 此 switch 项目以指示开关的功能。我想知道是否有布局标签可以用来添加文本 below/above 按钮。还是我必须使用其他方法。

menu_main.xml

<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:id="@+id/edit"
        android:title="@string/app_name"
        app:actionViewClass="android.widget.Switch"
        android:icon="@drawable/ic_edit"
        app:showAsAction="always" android:visible="true"/>

目前看起来是这样的：

Answer 1

没有必要。用户可以理解。开发人员通常不会将文本放入工具中，而是放置图标。您可以在以下位置了解有关菜单的更多信息：https://developer.android.com/guide/topics/ui/menus?hl=vi

Answer 2

您可以创建具有 Switch 和 TextView 描述的自定义菜单布局

layout/menu_layout.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/menuRoot"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingTop="8dp"
    android:gravity="center"
    android:orientation="vertical">

    <androidx.appcompat.widget.SwitchCompat
        android:id="@+id/menu_switch"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <TextView
        android:id="@+id/switch_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="OFF"
        android:textColor="@color/white"
        android:textSize="12sp" />

</LinearLayout>

然后利用菜单项的app:actionLayout属性附加自定义菜单

menu/my_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">

    <item
        android:id="@+id/switchItem"
        android:title="switch"
        app:actionLayout="@layout/menu_layout"
        app:showAsAction="always" />

</menu>

并且您可以检测到开关点击回调并相应地更改描述如下：

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

        MenuItem item = menu.findItem(R.id.switchItem);
        LinearLayout root = item.getActionView().findViewById(R.id.menuRoot);
        SwitchCompat menuSwitch = root.findViewById(R.id.menu_switch);
        TextView switchText = root.findViewById(R.id.switch_text);
        menuSwitch.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                switchText.setText(isChecked? "ON" : "OFF");
            }
        });
        return true;
    }

预览

在 Android 菜单图标中添加文字 below/above 切换按钮

Adding text below/above a switch button in Android menu icon

java

android

android-layout

android-actionbar

android-toolbar