如何在 android 操作栏菜单项中显示文本周围的边框？

Question

我打算在我的 android 应用程序中添加类似 Chrome 的功能（请参见下面屏幕截图中的箭头），其中一个数字将显示在操作栏菜单中并带有边框。我该怎么做？

Answer 1

让我们从框框开始：

/res/drawable/count_frame.xml

<?xml version="1.0" encoding="utf-8"?>
<inset xmlns:android="http://schemas.android.com/apk/res/android"
       android:inset="2dp">
    <shape
        android:shape="rectangle">

        <corners android:radius="2dp"/>
        <solid android:color="@android:color/transparent"/>
        <stroke
            android:width="2dp"
            android:color="#FF404040"/>
    </shape>

</inset>

那个 count_frame 盒子将绕过 TextView:

/res/layout/menu_action_count_view.xml

<?xml version="1.0" encoding="utf-8"?>
<TextView android:id="@+id/text"
          xmlns:android="http://schemas.android.com/apk/res/android"
          xmlns:tools="http://schemas.android.com/tools"
          android:layout_width="24dp"
          android:layout_height="24dp"
          android:layout_margin="12dp"
          android:background="@drawable/count_frame"
          android:gravity="center"
          android:textColor="#FF000000"
          android:textSize="13sp"
          android:textStyle="bold"
          tools:text="4"/>

此 TextView 将成为您的菜单项的操作视图。（使用 app: 命名空间，因为我假设您使用的是 AppCompatActivity）：

/res/menu/menu_main.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/action_result_view"
        android:title="@string/count"
        app:actionLayout="@layout/menu_action_count_view"
        app:showAsAction="always"/>

</menu>

现在，在您的 onCreateOptionsMenu 覆盖中，您可以获得操作视图并进行设置。假设您的计数在 private int mCount;

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.menu_main, menu);
    TextView count = (TextView) menu.findItem(R.id.action_result_view).getActionView();
    count.setText(Integer.toString(mCount));  // so the int isn't mistaken for a resource id!
    count.setOnClickListener(new OnClickListener() {

        @Override
        public void onClick(View v) {
            // do your action here
        }
    });
    return true;
}

当计数发生变化时，调用supportInvalidateOptionsMenu()。

如果您想在此带边框的文本视图的点击上显示溢出菜单，请在 onCreateOptionsMenu

中使用以下代码

@Override
public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.menu_main, menu);
        final Menu m = menu;
        final MenuItem item = menu.findItem((R.id.action_result_view));
        TextView count = (TextView) menu.findItem(R.id.action_result_view).getActionView();
        count.setText(Integer.toString(mCount));  // so the int isn't mistaken for a resource id!
        count.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                m.performIdentifierAction(item.getItemId(), 0);
            }
        });
        return true;
    }

如何在 android 操作栏菜单项中显示文本周围的边框？

How to show border around text in android action bar menu item?

android

android-menu

android-actionbar

android-drawable

android-background