android 实现菜单按钮 android菜单图标

文章目录

• 学习目标
• 一、菜单概述
• 二、选项菜单案例演示

• 1、创建安卓应用【ContextMenuDemo】
• 二、准备图片素材
• 三、具体代码

• 1、主布局资源文件acitivity_main.xml
• 2、字符串资源文件strings.xml
• 5、主界面类 - MainActivity

• 四、启动应用，查看效果

• 五、子菜单案例演示

• 实现步骤

• 1、创建安卓应用【SubMenuDemo】
• 2、将背景图片拷贝到drawable目录
• 3、主布局资源文件activity_main.xml
• 4、字符串资源文件strings.xml
• 5、主界面类 - MainActivity

• 运行查看效果

• 六、利用菜单配置文件生成菜单

• 实现步骤

• 1、常见安卓应用【XMLMenu】
• 2、将图片素材拷贝到drawable目录
• 3、主布局资源文件activity_main.xml
• 4、菜单配置文件main.xml
• 5、字符串资源文件strings.xml
• 6、主界面类 - MainActivity

学习目标

能说出安卓三种常用菜单
能利用菜单编写简单安卓应用

一、菜单概述

本次课我们准备讲解菜单，菜单在安卓应用程序中占有比较重要的位置。原生安卓提		供了三种类型的菜单：选项菜单（OptionsMenu）、上下文菜单（ContextMenu）和子菜单（SubMenu）。在实际安卓项目中，往往会使用SlidingMenu（滑动菜单），但是要求我们学习如何使用第三方开源库。

二、选项菜单案例演示

选项菜单针对整个应用程序，提供的是全局性的功能选项。

1、创建安卓应用【ContextMenuDemo】

二、准备图片素材

• 将图片素材拷贝到drawable目录

三、具体代码

1、主布局资源文件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>

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

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

5、主界面类 - MainActivity

• 声明变量与常量



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



• 给控件注册上下文菜单



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



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



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



• 查看主界面类源代码

package net.lxy.contentmenudemo;

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

import android.content.Context;
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 java.lang.reflect.Method;

public class MainActivity extends AppCompatActivity {

    public TextView tvFile;
    public TextView tvEdit;

    public static final int NEW_FILE_MENU_ITEM = 1;     // 新建文件菜单项标识
    public static final int OPEN_FILE_MENU_ITEM = 2;    // 打开文件菜单项标识
    public static final int SAVE_FILE_MENU_ITEM = 3;    // 保存文件菜单项标识
    public static final int EXIT_FILE_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.tv_file);
        tvEdit = findViewById(R.id.tv_edit);

        // 给两个标签控件注册上下文菜单
        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.tv_file:  // 文件标签
                //设置菜单图标
                menu.setHeaderIcon(R.drawable.file);
                // 设置菜单标题
                menu.setHeaderTitle(R.string.file);
                // 添加菜单项(组标识，菜单项标识，菜单项序号，菜单项标题)
                menu.add(1,NEW_FILE_MENU_ITEM,1,"新建文件").setIcon(R.drawable.new_file);
                menu.add(1,OPEN_FILE_MENU_ITEM,1,"新建文件").setIcon(R.drawable.open_file);
                menu.add(1,SAVE_FILE_MENU_ITEM,1,"新建文件").setIcon(R.drawable.save_file);
                menu.add(1,EXIT_FILE_MENU_ITEM,1,"新建文件").setIcon(R.drawable.exit_file);
                break;
            case  R.id.tv_edit:  // 编辑标签
                //设置菜单图标
                menu.setHeaderIcon(R.drawable.edit);
                // 设置菜单标题
                menu.setHeaderTitle(R.string.edit);
                menu.add(2,CUT_MENU_ITEM,1,"剪切").setIcon(R.drawable.cut);
                menu.add(2,COPY_MENU_ITEM,1,"复制").setIcon(R.drawable.copy);
                menu.add(2,PASTE_MENU_ITEM,1,"粘贴").setIcon(R.drawable.paste);
                break;
        }
    }

    /**
     * 上下文菜单项选择事件处理办法
     *
     * @param item
     * @return
     */
    @Override
    public boolean onContextItemSelected(@NonNull MenuItem item) {
        // 根据菜单项标识判断用户选择了哪个菜单项
        switch (item.getItemId()) {
            case NEW_FILE_MENU_ITEM: // 新建文件菜单项
                Toast.makeText(this,"你单击了【新建文件菜单项！】",Toast.LENGTH_SHORT).show();
                break;
            case OPEN_FILE_MENU_ITEM: // 打开文件菜单项
                Toast.makeText(this,"你单击了【打开文件菜单项！】",Toast.LENGTH_SHORT).show();
                break;
            case SAVE_FILE_MENU_ITEM: // 保存文件菜单项
                Toast.makeText(this,"你单击了【保存文件菜单项！】",Toast.LENGTH_SHORT).show();
                break;
            case EXIT_FILE_MENU_ITEM: // 退出文件菜单项
                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;
    }
}

四、启动应用，查看效果

• 长按【文件】和【编辑】选项单击菜单选项，查看效果

五、子菜单案例演示

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

实现步骤

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:orientation="vertical"
    tools:context=".MainActivity">

</LinearLayout>

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

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

5、主界面类 - MainActivity

• 声明常量与变量
• 通过资源标识符获取控件实例
• 创建选项菜单及其子菜单
• 编写菜单项事件处理方法

运行查看效果

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

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

实现步骤

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

<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()方法将菜单配置文件生成选项菜单，第一个参数是菜单配置文件标识，第二个参数是选项菜单对象



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



• 查看完整源代码

package net.lxy.xmlmenu;

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

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

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);


    }

    /**
     * 利用菜单配置文件生成选项菜单
     *
     * @param menu
     * @return
     */
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // 利用菜单填充器将菜单配置文件填充成菜单
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

    /**
     * 上下文菜单项选择事件处理办法
     *
     * @param item
     * @return
     */
    @Override
    public boolean onOptionsItemSelected(@NonNull MenuItem item) {
        // 根据菜单项标识判断用户选择了哪个菜单项
        switch (item.getItemId()) {
            case R.id.new_file_menu_item: // 新建文件菜单项
                Toast.makeText(this,"你单击了【新建文件菜单项！】",Toast.LENGTH_SHORT).show();
                break;
            case R.id.open_file_menu_item: // 打开文件菜单项
                Toast.makeText(this,"你单击了【打开文件菜单项！】",Toast.LENGTH_SHORT).show();
                break;
            case R.id.save_file_menu_item: // 保存文件菜单项
                Toast.makeText(this,"你单击了【保存文件菜单项！】",Toast.LENGTH_SHORT).show();
                break;
            case R.id.exit_menu_item: // 退出文件菜单项
                break;
            case R.id.cut_menu_item: // 剪切菜单项
                Toast.makeText(this,"你单击了【剪切菜单项！】",Toast.LENGTH_SHORT).show();
                break;
            case R.id.copy_menu_item: // 复制菜单项
                Toast.makeText(this,"你单击了【复制菜单项！】",Toast.LENGTH_SHORT).show();
                break;
            case R.id.paste_menu_item: // 粘贴菜单项
                Toast.makeText(this,"你单击了【粘贴菜单项！】",Toast.LENGTH_SHORT).show();
                break;
        }
        return true;
    }
}

• 启动应用，查看效果