Android语言基础教程（154）Android菜单（menu）资源范例之创建带子菜单的选项菜单：别让你的APP菜单像老干部开会！Android子菜单开发实战，让用户直呼“丝滑”

一、菜单不只是按钮，而是用户体验的隐形管家

还记得第一次用美团APP时，点击右上角三个小点弹出的那些神奇选项吗？从“收藏店铺”到“联系客服”，再到“分享给好友”，这些看似简单的按钮背后，藏着Android菜单系统的智慧。

说实话，很多开发者在做菜单时，脑子里想的都是：“这里要放个设置，那里要放个关于”。结果做出来的菜单就像老干部开会——枯燥、单调、毫无层次感。用户看着那排挤在一起的选项，内心OS通常是：“这都啥跟啥啊？”

而今天要聊的子菜单，就像是给这些老干部们配了个智能助理。把相关功能自动归类整理，用户想找什么一目了然。比如在外卖APP里，“订单操作”子菜单里放着“再次订购”、“评价订单”、“申请售后”，而“店铺相关”里则是“收藏店铺”、“举报店铺”。

这种设计不仅美观，更重要的是符合用户的心理预期。想想看，当你想在微信里把文章分享给朋友时，是不是很自然地就找到了“分享到朋友圈”和“发送给朋友”这两个选项？这就是优秀子菜单设计的魅力。

二、子菜单不是你想加，想加就能加

在开始撸代码之前，得先搞清楚什么时候该用子菜单。原则很简单：关联性强的功能放一起，功能太多时分门别类。

举个栗子🌰：你正在开发一个阅读类APP，某个文章的右上角菜单可能有这些操作：

如果把所有选项都平铺出来，用户肯定眼花缭乱。但要是把分享相关的归到“分享”子菜单，字体相关的归到“显示设置”子菜单，整个界面瞬间就清爽了。

再来看个反面教材：某个计算器APP的菜单里只有三个选项——“设置”、“关于”、“退出”。这种场景下硬加子菜单，就像给自行车装航空座椅——纯属过度设计。

记住这条黄金法则：选项超过5个时考虑分组，相关功能优先打包。

三、从零开始，手把手打造你的第一个子菜单

好了，理论说够了，现在进入实战环节。咱们用最通俗易懂的方式，一步步创建带子菜单的选项菜单。

3.1 XML布局：菜单的“建筑设计图”

在res/menu目录下创建menu_main.xml（没有这个目录？右键res文件夹→New→Android Resource Directory→选menu就行）：

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    
    <!-- 直接显示的菜单项 -->
    <item android:id="@+id/menu_favorite"
          android:title="收藏"
          android:icon="@drawable/ic_favorite" />
    
    <!-- 这个是带子菜单的项 -->
    <item android:id="@+id/menu_share"
          android:title="分享"
          android:icon="@drawable/ic_share">
        <menu>
            <!-- 子菜单内容 -->
            <item android:id="@+id/submenu_wechat"
                  android:title="分享到微信" />
            <item android:id="@+id/submenu_qq" 
                  android:title="分享到QQ" />
            <item android:id="@+id/submenu_weibo"
                  android:title="分享到微博" />
        </menu>
    </item>
    
    <!-- 另一个子菜单示例 -->
    <item android:id="@+id/menu_settings"
          android:title="设置">
        <menu>
            <item android:id="@+id/submenu_font"
                  android:title="字体大小" />
            <item android:id="@+id/submenu_night"
                  android:title="夜间模式" />
        </menu>
    </item>
</menu>

看到没？子菜单的结构就是“item里面套menu，menu里面再放item”，跟俄罗斯套娃一样简单。

3.2 Java代码：让菜单“活”起来

光有布局还不够，得让菜单能响应点击事件。在MainActivity里添加以下代码：

public class MainActivity extends AppCompatActivity {
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
 
    // 创建选项菜单
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.menu_main, menu);
        return true;
    }
 
    // 处理菜单项点击
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()) {
            case R.id.menu_favorite:
                Toast.makeText(this, "已收藏", Toast.LENGTH_SHORT).show();
                return true;
                
            case R.id.submenu_wechat:
                Toast.makeText(this, "正在跳转微信...", Toast.LENGTH_SHORT).show();
                return true;
                
            case R.id.submenu_qq:
                Toast.makeText(this, "正在跳转QQ...", Toast.LENGTH_SHORT).show();
                return true;
                
            case R.id.submenu_weibo:
                Toast.makeText(this, "正在跳转微博...", Toast.LENGTH_SHORT).show();
                return true;
                
            case R.id.submenu_font:
                Toast.makeText(this, "调整字体大小", Toast.LENGTH_SHORT).show();
                return true;
                
            case R.id.submenu_night:
                Toast.makeText(this, "切换夜间模式", Toast.LENGTH_SHORT).show();
                return true;
                
            default:
                return super.onOptionsItemSelected(item);
        }
    }
}

3.3 运行效果：看看你的“劳动成果”

现在运行APP，点击右上角的三个点，你会看到：

是不是很有成就感？但这只是开始！

四、进阶技巧：让你的菜单从“能用”到“好用”

4.1 动态菜单：根据场景“变变变”

静态菜单谁都会做，真正体现技术的是动态菜单。比如用户未登录时，显示“登录”选项；登录后变成“个人中心”。

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.menu_main, menu);
    
    // 根据登录状态动态改变菜单
    if (isUserLoggedIn()) {
        MenuItem loginItem = menu.findItem(R.id.menu_login);
        loginItem.setTitle("个人中心");
        loginItem.setIcon(R.drawable.ic_profile);
    }
    
    // 动态添加菜单项
    if (hasNewMessage()) {
        menu.add(0, R.id.menu_message, 0, "新消息")
            .setIcon(R.drawable.ic_message)
            .setShowAsAction(MenuItem.SHOW_AS_ACTION_IF_ROOM);
    }
    
    return true;
}

4.2 样式美化：颜值即正义

默认的菜单样式有点“土”，加点定制化效果立马提升档次：

在styles.xml中添加：

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <item name="android:popupMenuStyle">@style/PopupMenu</item>
</style>
<style name="PopupMenu" parent="Widget.AppCompat.PopupMenu">
    <item name="android:popupBackground">#FFFFFF</item>
    <item name="android:popupElevation">8dp</item>
</style>

还可以给菜单项添加图标，让视觉效果更直观。记住：好的图标胜过千言万语。

五、实战踩坑：那些年我遇到的菜单“灵异事件”

5.1 子菜单太深？用户会迷路的！

曾经有个项目，产品经理要求做三级菜单。结果测试时，用户纷纷表示：“我是谁？我在哪？”

经验总结：子菜单最多两层，再深就是用户体验的灾难。

5.2 忘记调用super方法？

// 错误示范
@Override
public boolean onOptionsItemSelected(MenuItem item) {
    // 处理点击事件...
    // 忘记调用super，导致系统默认行为失效
}
 
// 正确做法
@Override
public boolean onOptionsItemSelected(MenuItem item) {
    switch (item.getItemId()) {
        // 你的case处理...
        default:
            return super.onOptionsItemSelected(item); // 这行不能少！
    }
}

5.3 菜单项太多？分组显示了解一下

当菜单项超过7个时，Android会自动将部分项收起到“更多”里面。但更好的做法是主动分组：

<item android:id="@+id/menu_more"
      android:title="更多"
      android:icon="@drawable/ic_more">
    <menu>
        <!-- 这里放使用频率较低的功能 -->
        <item android:id="@+id/submenu_feedback"
              android:title="意见反馈" />
        <item android:id="@+id/submenu_about" 
              android:title="关于我们" />
    </menu>
</item>

六、完整示例：一个“淘宝级”的菜单实现

下面是一个完整的外卖APP菜单示例，结合了前面讲的所有技巧：

<!-- menu_takeout.xml -->
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    
    <item android:id="@+id/menu_search"
          android:title="搜索"
          android:icon="@drawable/ic_search"
          android:showAsAction="ifRoom" />
    
    <item android:id="@+id/menu_cart"
          android:title="购物车"
          android:icon="@drawable/ic_cart"
          android:showAsAction="ifRoom" />
    
    <item android:id="@+id/menu_orders"
          android:title="我的订单">
        <menu>
            <group android:checkableBehavior="single">
                <item android:id="@+id/submenu_current"
                      android:title="进行中订单" />
                <item android:id="@+id/submenu_history"
                      android:title="历史订单" />
            </group>
        </menu>
    </item>
    
    <item android:id="@+id/menu_share"
          android:title="分享店铺">
        <menu>
            <item android:id="@+id/submenu_wechat"
                  android:title="微信"
                  android:icon="@drawable/ic_wechat" />
            <item android:id="@+id/submenu_qq"
                  android:title="QQ"
                  android:icon="@drawable/ic_qq" />
        </menu>
    </item>
    
    <item android:id="@+id/menu_feedback"
          android:title="客服与反馈" />
</menu>

对应的Activity代码：

public class TakeoutActivity extends AppCompatActivity {
    private boolean hasCurrentOrder = true; // 模拟数据
 
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.menu_takeout, menu);
        
        // 动态处理：如果没有进行中订单，禁用该选项
        if (!hasCurrentOrder) {
            MenuItem currentOrderItem = menu.findItem(R.id.submenu_current);
            currentOrderItem.setEnabled(false);
            currentOrderItem.setTitle("无进行中订单");
        }
        
        return true;
    }
 
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // 实际开发中这里应该调用具体的业务方法
        switch (item.getItemId()) {
            case R.id.menu_search:
                openSearch();
                return true;
            case R.id.submenu_current:
                if (hasCurrentOrder) {
                    openCurrentOrder();
                }
                return true;
            // 其他case处理...
        }
        return super.onOptionsItemSelected(item);
    }
    
    private void openSearch() {
        // 实现搜索逻辑
    }
    
    private void openCurrentOrder() {
        // 打开订单详情
    }
}

七、总结：菜单虽小，五脏俱全

看到这里，你应该已经从菜单小白进阶为子菜单达人了。记住，一个好的Android菜单：

菜单开发就像做菜，食材（功能）都一样，但大厨和普通人的区别就在于对细节的把握。现在，打开Android Studio，按照本文的指导，打造属于你的“米其林星级”菜单吧！