Android 菜单

一、 案例操作

1、创建安卓应用【OptionsMenuDemo】

2、将背景图片拷贝到drawable目录

3、主布局资源文件activity_main.[xml]

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/background"
    android:gravity="center"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/btnPopupOptionsMenu"
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:onClick="doPopupOptionsMenu"
        android:text="@string/popup_options_menu" />
</LinearLayout>

4、[字符串]资源文件strings.xml

<resources>
    <string name="app_name">选项菜单演示</string>
    <string name="popup_options_menu">弹出选项菜单</string>
</resources>

5、主界面类 - MainActivity

  • 声明菜单标识常量

image.png

  • 创建选项菜单

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-DHLnbL6j-1671343136510)(https://cdn.nlark.com/yuque/0/2022/png/33577488/1671342119630-c3ba4492-9c5c-4384-8522-b9e322c42994.png#averageHue=%23f9f7f6&clientId=ub315cb12-310a-4&crop=0&crop=0&crop=1&crop=1&from=paste&id=u84be9e33&name=image.png&originHeight=450&originWidth=715&originalType=url&ratio=1&rotation=0&showTitle=false&size=49229&status=done&style=none&taskId=uea477c20-53c8-4042-816b-7844e0cba98&title=)]

  • 创建菜单项选择事件方法

image.png

  • 编写弹出选项菜单按钮单击事件处理方法

image.png

  • 重写openOptionsMenu()方法

image.png

package net.hw.optons_menu_demo;

import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.Toast;

import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;
import androidx.appcompat.widget.Toolbar;

public class MainActivity extends AppCompatActivity {

    private static final int NEW_MENU = 1;
    private static final int OPEN_MENU = 2;
    private static final int SAVE_MENU = 3;
    private static final int EXIT_MENU = 4;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // 利用布局资源文件设置用户界面
        setContentView(R.layout.activity_main);
    }

    /**
     * 创建选项菜单
     *
     * @param menu
     * @return 是否成功
     */
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // 添加四个菜单项(组标识、菜单项标识、菜单项序号、菜单项标题)
        menu.add(0, NEW_MENU, 1, "新建文件");
        menu.add(0, OPEN_MENU, 2, "打开文件");
        menu.add(0, SAVE_MENU, 3, "保存文件");
        menu.add(0, EXIT_MENU, 4, "退出程序");

        return true;
    }

    /**
     * 菜单项选择事件处理方法
     *
     * @param item
     * @return
     */
    @Override
    public boolean onOptionsItemSelected(@NonNull MenuItem item) {
        // 判断用户单击了哪个菜单项
        switch (item.getItemId()) {
            case NEW_MENU:
                Toast.makeText(this, "你单击了【新建文件】菜单项!", Toast.LENGTH_SHORT).show();
                break;
            case OPEN_MENU:
                Toast.makeText(this, "你单击了【打开文件】菜单项!", Toast.LENGTH_SHORT).show();
                break;
            case SAVE_MENU:
                Toast.makeText(this, "你单击了【保存文件】菜单项!", Toast.LENGTH_SHORT).show();
                break;
            case EXIT_MENU:
                finish(); // 关闭当前活动窗口
                break;
        }
        return true;
    }

    /**
     * 弹出选项菜单按钮单击事件处理方法
     *
     * @param view
     */
    public void doPopupOptionsMenu(View view) {
        openOptionsMenu(); // 打开选项菜单
    }

    @Override
    public void openOptionsMenu() {
        final View toolbar = getWindow().getDecorView().findViewById(R.id.action_bar);
        if (toolbar instanceof Toolbar) {
            ((Toolbar)toolbar).showOverflowMenu();
        } else {
            super.openOptionsMenu();
        }
    }
}

6、启动应用,查看效果

  • 单击活动栏右边的菜单按钮或者单击【弹出菜单选项】按钮,都可以弹出选项菜单

二、上下文菜单案例演示

  • 对不同控件注册不同的上下文菜单,长按控件弹出属于该控件的上下文菜单。

(一)运行效果

(二)实现步骤

1、创建安卓应用【ContextMenuDemo】

2、将图片素材拷贝到drawable目录

3、主布局资源文件acitivity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:background="@drawable/background"
  android:padding="15dp"
  tools:context=".MainActivity">

  <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:padding="10dp"        
    android:background="#eeeeee">

    <TextView
      android:id="@+id/tvFile"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_marginRight="15dp"
      android:text="@string/file"
      android:textColor="#0000ff"
      android:textSize="20sp" />

    <TextView
      android:id="@+id/tvEdit"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="@string/edit"
      android:textColor="#0000ff"
      android:textSize="20sp" />
  </LinearLayout>
</LinearLayout>

4、字符串资源文件strings.xml

<resources>
    <string name="app_name">上下文菜单演示</string>
    <string name="file">文件</string>
    <string name="edit">编辑</string>
</resources>

5、主界面类 - MainActivity

  • 声明变量与常量

image.png

  • 通过资源标识符获取控件实例

image.png

  • 给控件注册上下文菜单

image.png

  • 编写设置图标可用的方法

image.png

  • 编写创建上下文菜单的方法

image.png

  • 编写上下文菜单项选择事件处理方法

image.png

  • 查看主界面类源代码
package net.hw.context_menu_demo;

import android.os.Bundle;
import android.view.ContextMenu;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.TextView;
import android.widget.Toast;

import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;

import java.lang.reflect.Method;

public class MainActivity extends AppCompatActivity {

    private TextView tvFile;
    private TextView tvEdit;

    private static final int NEW_MENU_ITEM = 1;
    private static final int OPEN_MENU_ITEM = 2;
    private static final int SAVE_MENU_ITEM = 3;
    private static final int EXIT_MENU_ITEM = 4;

    private static final int CUT_MENU_ITEM = 5;
    private static final int COPY_MENU_ITEM = 6;
    private static final int PASTE_MENU_ITEM = 7;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // 利用布局资源文件设置用户界面
        setContentView(R.layout.activity_main);

        // 通过资源标识符获取控件实例
        tvFile = findViewById(R.id.tvFile);
        tvEdit = findViewById(R.id.tvEdit);

        // 给控件注册上下文菜单
        registerForContextMenu(tvFile);
        registerForContextMenu(tvEdit);
    }

    /**
     * 设置图标可用的方法
     *
     * @param menu
     * @param enabled
     */
    private void setIconEnabled(Menu menu, boolean enabled) {
        try {
            Class<?> clazz = Class.forName("com.android.internal.view.menu.MenuBuilder");
            Method m = clazz.getDeclaredMethod("setOptionalIconsVisible", boolean.class);
            m.setAccessible(true);
            // MenuBuilder实现Menu接口,创建菜单时,传进来的menu其实就是MenuBuilder对象(Java的多态特征)
            m.invoke(menu, enabled);
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

    /**
     * 创建上下文菜单
     *
     * @param menu
     * @param v
     * @param menuInfo
     */
    @Override
    public void onCreateContextMenu(ContextMenu menu, View v, ContextMenu.ContextMenuInfo menuInfo) {
        super.onCreateContextMenu(menu, v, menuInfo);
        // 设置菜单图标可用
        setIconEnabled(menu, true);
        // 针对不同控件创建不同的上文菜单
        switch (v.getId()) {
            case R.id.tvFile:
                // 创建文件菜单
                menu.setHeaderIcon(R.drawable.file);
                menu.setHeaderTitle("文件");
                // 添加菜单项(组标识、菜单项标识、菜单项序号、菜单项文本)
                menu.add(1, NEW_MENU_ITEM, 1, "新建").setIcon(R.drawable.new_file);
                menu.add(1, OPEN_MENU_ITEM, 2, "打开").setIcon(R.drawable.open_file);
                menu.add(1, SAVE_MENU_ITEM, 3, "保存").setIcon(R.drawable.save_file);
                menu.add(1, EXIT_MENU_ITEM, 4, "退出").setIcon(R.drawable.exit);
                break;
            case R.id.tvEdit:
                // 创建编辑菜单
                menu.setHeaderIcon(R.drawable.edit);
                menu.setHeaderTitle("编辑");
                // 添加菜单项(组标识、菜单项标识、菜单项序号、菜单项文本)
                menu.add(2, CUT_MENU_ITEM, 1, "剪切").setIcon(R.drawable.cut);
                menu.add(2, COPY_MENU_ITEM, 2, "复制").setIcon(R.drawable.copy);
                menu.add(2, PASTE_MENU_ITEM, 3, "粘贴").setIcon(R.drawable.paste);
                break;
        }
    }

    /**
     * 上下文菜单项选择事件处理方法
     *
     * @param item
     * @return
     */
    @Override
    public boolean onContextItemSelected(@NonNull MenuItem item) {
        // 判断用户选择了哪个菜单项
        switch (item.getItemId()) {
            case NEW_MENU_ITEM:
                Toast.makeText(this, "你单击了【新建】菜单项!", Toast.LENGTH_SHORT).show();
                break;
            case OPEN_MENU_ITEM:
                Toast.makeText(this, "你单击了【打开】菜单项!", Toast.LENGTH_SHORT).show();
                break;
            case SAVE_MENU_ITEM:
                Toast.makeText(this, "你单击了【保存】菜单项!", Toast.LENGTH_SHORT).show();
                break;
            case EXIT_MENU_ITEM:
                finish();
                break;
            case CUT_MENU_ITEM:
                Toast.makeText(this, "你单击了【剪切】菜单项!", Toast.LENGTH_SHORT).show();
                break;
            case COPY_MENU_ITEM:
                Toast.makeText(this, "你单击了【复制】菜单项!", Toast.LENGTH_SHORT).show();
                break;
            case PASTE_MENU_ITEM:
                Toast.makeText(this, "你单击了【粘贴】菜单项!", Toast.LENGTH_SHORT).show();
                break;
        }
        return true;
    }
}

6、启动应用,查看效果

  • 说明:运行在API 23的安卓虚拟机上

  • 说明:运行在API 24的安卓虚拟机上,菜单项图标有点区别

三、子菜单案例演示

  • 子菜单既可以是选项菜单的子菜单,也可以是上下文菜单的子菜单。

(一)运行效果

(二)实现步骤

1、创建安卓应用【SubMenuDemo】

2、将背景图片拷贝到drawable目录

3、主布局资源文件activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/root"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/background"
    android:gravity="center"
    android:orientation="vertical"
    tools:context=".MainActivity">

</LinearLayout>

4、字符串资源文件strings.xml

<resources>
    <string name="app_name">子菜单演示</string>   
</resources>

5、主界面类 - MainActivity

  • 声明常量与变量

image.png

  • 通过资源标识符获取控件实例

image.png

  • 创建选项菜单及其子菜单

image.png

  • 编写菜单项事件处理方法

image.png

6、启动应用,查看效果

四、利用菜单配置文件生成菜单

  • 利用菜单配置文件来生成菜单十分方便,既可用于生成选项菜单,也可用于生成上下文菜单。

(一)运行效果

(二)实现步骤

1、常见安卓应用【XMLMenu】

2、将图片素材拷贝到drawable目录

3、主布局资源文件activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/background"
    tools:context=".MainActivity">
    
</LinearLayout>

4、菜单配置文件main.xml

  • 在res目录里创建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="net.hw.xml_menu.MainActivity">

    <item
        android:id="@+id/file_menu"
        android:title="@string/file_menu"
        app:showAsAction="always">
        <menu>
            <item
                android:id="@+id/new_file_menu_item"
                android:icon="@drawable/new_file"
                android:title="@string/new_file"
                app:showAsAction="ifRoom|withText" />
            <item
                android:id="@+id/open_file_menu_item"
                android:icon="@drawable/open_file"
                android:title="@string/open_file"
                app:showAsAction="ifRoom|withText" />
            <item
                android:id="@+id/save_file_menu_item"
                android:icon="@drawable/save_file"
                android:title="@string/save_file"
                app:showAsAction="ifRoom|withText" />
            <item
                android:id="@+id/exit_menu_item"
                android:icon="@drawable/exit"
                android:title="@string/exit"
                app:showAsAction="ifRoom|withText" />
        </menu>
    </item>
    <item
        android:id="@+id/edit_menu"
        android:title="@string/edit_menu"
        app:showAsAction="always">
        <menu>
            <item
                android:id="@+id/cut_menu_item"
                android:icon="@drawable/cut"
                android:title="@string/cut"
                app:showAsAction="ifRoom|withText" />
            <item
                android:id="@+id/copy_menu_item"
                android:icon="@drawable/copy"
                android:title="@string/copy"
                app:showAsAction="ifRoom|withText" />
            <item
                android:id="@+id/paste_menu_item"
                android:icon="@drawable/paste"
                android:title="@string/paste"
                app:showAsAction="ifRoom|withText" />
        </menu>
    </item>
</menu>

5、字符串资源文件strings.xml

<resources>
    <string name="app_name">利用XML配置生成菜单</string>
    <string name="file_menu">文件</string>
    <string name="new_file">新建文件</string>
    <string name="open_file">打开文件</string>
    <string name="save_file">保存文件</string>
    <string name="exit">退出程序</string>
    <string name="edit_menu">编辑</string>
    <string name="cut">剪切</string>
    <string name="copy">复制</string>
    <string name="paste">粘贴</string>
</resources>

6、主界面类 - MainActivity

  • 利用菜单配置文件生成选项菜单
  • 利用getMenuInflator()获取菜单填充器,调用其inflate()方法将菜单配置文件生成选项菜单,第一个参数是菜单配置文件标识,第二个参数是选项菜单对象

image.png

  • 编写菜单项事件处理方法

image.png

7、启动应用,查看效果

8、文件和编辑不一直出现在活动栏

  • 修改菜单配置文件

image.png
image.png

  • 启动应用,查看效果

猜你喜欢

转载自blog.csdn.net/m0_62786921/article/details/128361882