Android：自己定義PopupMenu的樣式（顯示圖標/設置RadioButton圖標）

PopupMenu是Android中一個十分輕量級的組件。與PopupWindow相比，PopupMenu的可自己定義的能力較小，但使用更加方便。

先上效果圖：

本例要實現的功能例如以下：

1.強制顯示菜單項的圖標。

默認狀態下。PopupMenu的圖標是不顯示的。而且Android沒有為我們開放不論什么API去設置它的顯示狀態。為了顯示菜單項的圖標，能夠自己重寫PopupMenu並改動相關屬性，也能夠直接使用反射：

try {
            Field field = popupMenu.getClass().getDeclaredField("mPopup");
            field.setAccessible(true);
            MenuPopupHelper mHelper = (MenuPopupHelper) field.get(popupMenu);
            mHelper.setForceShowIcon(true);
        } catch (IllegalAccessException | NoSuchFieldException e) {
            e.printStackTrace();
        }

2.在菜單項上加入 單選/復選 button：在menu的資源文件里使用group標簽為item加入分組就可以。

menu_popup.xml:

<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/menu_setting_wifi"
            android:title="使用WIFI"
            android:orderInCategory="80"
            android:icon="@drawable/menu_setting_wifi"
            app:showAsAction="ifRoom" />

        <item
            android:id="@+id/menu_setting_gps"
            android:title="使用GPS"
            android:orderInCategory="90"
            android:icon="@drawable/menu_setting_gps"
            app:showAsAction="ifRoom" />
    </group>

    <group>
        <item
            android:id="@+id/menu_setting_userIcon"
            android:title="設置頭像"
            android:icon="@drawable/menu_setting_usericon"
            android:orderInCategory="91"
            app:showAsAction="never" />
    </group>
</menu>

當中，checkableBehavior有3個值可選：single,all,none，分別表示單選、復選、不可選。

3.為上述 單選/復選 button自己定義圖標。

PopupMenu會從當前的context中繼承樣式，因此能夠通過設置Activity的樣式來控制PopupMenu的樣式。

<!--自己定義PopupMenu上的RadioButton的樣式-->
    <style name="PopupMenuStyle" parent="AppTheme">
        <item name="android:radioButtonStyle">@style/MenuRadioButtonStyle</item>
    </style>

    <style name="MenuRadioButtonStyle" parent="@android:style/Widget.CompoundButton.RadioButton">
        <item name="android:button">@drawable/selector_menu_rb</item>
    </style>

同一時候在manifest中為PopupMenu所屬的Activity加入樣式：

<activity
            android:name=".PopupMenuActivity"
            android:theme="@style/PopupMenuStyle" />

補充：也能夠在初始話PopupMenu的時候直接設置樣式。可是這樣的方式編譯器會多次出現警告：Too many attribute references。因此不建議使用。

Context wrapper = new ContextThemeWrapper(activity, R.style.PopupMenuStyle);
PopupMenu popupMenu = new PopupMenu(activity, ancher);

======  ======

Activity部分完整代碼：

/**
 * 自己定義PopupMenu
 * Created by hanj on 15-3-17.
 */
public class PopupMenuActivity extends Activity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        LinearLayout lin = new LinearLayout(this);
        Button btn = new Button(this);
        LinearLayout.LayoutParams p = new LinearLayout.LayoutParams(
                LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);
        btn.setLayoutParams(p);
        lin.addView(btn);

        btn.setText("顯示PopupMenu");
        btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                showPopupMenu(PopupMenuActivity.this, v);
            }
        });

        setContentView(lin);
    }

    //當前選擇的menuItem的id
    private int checkedItemId = R.id.menu_setting_wifi;

    private void showPopupMenu(final Context context, View ancher) {
        PopupMenu popupMenu = new PopupMenu(context, ancher);
        //引入菜單資源
        popupMenu.inflate(R.menu.menu_popup);

        //設置選中
        popupMenu.getMenu().findItem(checkedItemId).setChecked(true);
        //菜單項的監聽
        popupMenu.setOnMenuItemClickListener(new PopupMenu.OnMenuItemClickListener() {
            @Override
            public boolean onMenuItemClick(MenuItem menuItem) {
                switch (menuItem.getItemId()) {
                    case R.id.menu_setting_wifi:
                        checkedItemId = R.id.menu_setting_wifi;
                        Toast.makeText(context, "WIFI", Toast.LENGTH_SHORT).show();
                        break;

                    case R.id.menu_setting_gps:
                        checkedItemId = R.id.menu_setting_gps;
                        Toast.makeText(context, "GPS", Toast.LENGTH_SHORT).show();
                        break;

                    case R.id.menu_setting_userIcon:
                        Toast.makeText(context, "USER_ICON", Toast.LENGTH_SHORT).show();
                        break;
                }
                return true;
            }
        });

        //使用反射。強制顯示菜單圖標
        try {
            Field field = popupMenu.getClass().getDeclaredField("mPopup");
            field.setAccessible(true);
            MenuPopupHelper mHelper = (MenuPopupHelper) field.get(popupMenu);
            mHelper.setForceShowIcon(true);
        } catch (IllegalAccessException | NoSuchFieldException e) {
            e.printStackTrace();
        }

        //顯示PopupMenu
        popupMenu.show();
    }
}