Android操作欄選項菜單項自定義可選背景

Question

我正在嘗試使用具有自定義視圖的默認android操作欄：

<style name="ActionBar" parent="android:Widget.Material.ActionBar.Solid">
    <item name="android:displayOptions">showCustom</item>
    <item name="android:customNavigationLayout">@layout/customNavigationLayout</item>
</style>

選項菜單包含單個項目，該項目應始終以文本顯示：

<item
    android:id="@+id/action_cancel"
    android:showAsAction="always|withText"
    android:title="@string/action_cancel" />

現在我遇到了可選背景的問題，背景仍然是操作圖標的大小：

如何設置操作欄以應用填充整個項目框的可選背景？

Answer 1

您可以嘗試在styles設置android:actionBarItemBackground屬性，如下所示：

<style name="AppTheme" parent="android:Theme.Material">
    ...
    <item name="android:actionBarItemBackground">?android:selectableItemBackground</item>
</style>

Answer 2

使用以下解決方案之一：

解決方案1：

將<item name="actionButtonStyle">@style/ActionButtonStyle</item>到您的基本應用程序主題中，例如：

<style name="ActionButtonStyle" parent="android:Widget.Material.Button">
            <item name="android:textColor">@android:color/black</item>
            <item name="android:textSize">16sp</item>
            <item name="android:background">@drawable/button_background</item>
</style>

和

button_background

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true"
            android:drawable="@color/colorAccent"/>
    <item android:state_focused="true"
            android:drawable="@color/colorPrimaryDark"/>
    <item android:drawable="@color/colorPrimary"/>
</selector>

解決方案2：

使用menuItem.setActionView將自定義布局應用於菜單項，如下所示：

layout_action_cancel（自定義菜單項的布局）：

<Button
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Cancel"
        android:id="@+id/b_action_cancel"
        android:gravity="center"
        android:background="@drawable/button_background">
</Button>

然后在onCreateOptionsMenu中，將自定義布局應用於菜單項：

@Override
    public boolean onCreateOptionsMenu(Menu menu) {
        MenuInflater menuInflater = getMenuInflater();
        menuInflater.inflate(R.menu.menu, menu);
        LayoutInflater layoutInflater = getLayoutInflater();
        View layout = layoutInflater.inflate(R.layout.layout_action_cancel, null, false);
        menu.getItem(0).setActionView(layout);
        return super.onCreateOptionsMenu(menu);
    }

並在onPrepareOptionsMenu中設置一個OnClick偵聽器（替換onOptionsItemSelected）

@Override
    public boolean onPrepareOptionsMenu(Menu menu) {
        View layout = menu.getItem(0).getActionView();
        if(layout instanceof Button){
            Button b_action_cancel = layout.findViewById(R.id.b_action_cancel);
            b_action_cancel.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    //your code
                }
            });
        }
        return super.onPrepareOptionsMenu(menu);
    }

Answer 3

您可以嘗試在菜單項屬性中以選定狀態和正常狀態應用可繪制對象：

<item
    android:id="@+id/action_cancel"
    android:showAsAction="always|withText"
    android:title="@string/action_cancel" 
    android:icon="@drawable/mybuttonbackground" />