Android基礎之簡單mune菜單詳解

在軟件應用過程中,菜單的存在是必不可少的,我這次講一下,我對android菜單的一個基礎做法吧

Android的菜單分爲三種類型:選項菜單(Option Menu)、上下文菜單(Context Menu)、子菜單(Sub Menu)
注:其中,Sub Menu就是將功能相同的操作分組顯示,他作用在OptionsMenu上,是OptionsMenu的二級菜單

一、選項菜單(Option Menu)

當用戶單擊設備上的菜單按鈕(Menu),觸發事件彈出的菜單就是選項菜單。

效果圖
這裏寫圖片描述
這裏寫圖片描述

第一步:在Activity中重寫onCreateOptionsMenu()來創建選項菜單,在中包含了getMenuInflater().inflate(R.menu.main,menu),R.menu.main是res的menu文件夾下的xml文件是放菜單的文件夾;設置菜單項可以通過兩種方法:

一:在R.menu.main的xml文件,添加item控件來添加設置菜單項;
<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="com.jiapeng.munedemo.MainActivity" >

    <item
        android:id="@+id/mune_enter"
        android:orderInCategory="100"
        android:title="登錄"
        app:showAsAction="never"/>
    <item
        android:id="@+id/mune_setting"
        android:orderInCategory="100"
        android:title="設置"
        app:showAsAction="never"/>
    <item
        android:id="@+id/mune_out"
        android:orderInCategory="100"
        android:title="退出"
        app:showAsAction="never"/>

</menu>

其中:showAsAction主要是針對這個菜單的顯示起作用的,它有三個可選項
always:總是顯示在界面上
never:不顯示在界面上,只讓出現在右邊的三個點中
ifRoom:如果有位置才顯示,不然就出現在右邊的三個點中

    public boolean onCreateOptionsMenu(Menu menu) {
        //導入菜單佈局
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

    public boolean onOptionsItemSelected(MenuItem item) {
        //創建菜單項的點擊事件
        switch (item.getItemId()) {
        case R.id.mune_enter:
            Toast.makeText(this, "點擊了登陸", Toast.LENGTH_SHORT).show();
            break;
        case R.id.mune_setting:
            Toast.makeText(this, "點擊了設置", Toast.LENGTH_SHORT).show();

            break;
        case R.id.mune_out:
            Toast.makeText(this, "點擊了退出", Toast.LENGTH_SHORT).show();
            break;

        default:
            break;
        }

        return super.onOptionsItemSelected(item);
    }
二、代碼動態設置menu.add(groupId,itemId,order,title),
groupId--1:分組的id;
itemId--100:菜單項的id;
order--1:菜單項排序用的;
title--"菜單1":菜單名稱;
類似於ArrayList,可以調用add方法來加載如
//API大於等於11 時 Item圖標不顯示
menu.add(1,100,1,"菜單一");
menu.add(1,101,1,"菜單二");
menu.add(1,102,1,"菜單三");
add方法返回的是item,可以賦值給item,再調用item的setTitle與setIcon(在API>=11時,是不顯示圖標的)來設置item;
public boolean onCreateOptionsMenu(Menu menu) {
        // groupId--1:分組的id;itemId--100:菜單項的id;order--1:菜單項排序用的;title--"菜單1":菜單名稱;
        MenuItem item = menu.add(1, 100, 1, "菜單項");
        item.setTitle("我是一個菜單");
        // 在API>=11時,是不顯示圖標的
        item.setIcon(R.drawable.ic_launcher);
        menu.add(1, 101, 1, "登錄");
        menu.add(1, 102, 1, "設置");
        menu.add(1, 103, 1, "退出");

        return true;
    }

    public boolean onOptionsItemSelected(MenuItem item) {
        // 創建菜單項的點擊事件
        switch (item.getItemId()) {
        case 101:
            Toast.makeText(this, "你點擊了登錄", Toast.LENGTH_SHORT).show();
            break;
        case 102:
            Toast.makeText(this, "你點擊了設置", Toast.LENGTH_SHORT).show();
            break;
        case 103:
            Toast.makeText(this, "你點擊了退出", Toast.LENGTH_SHORT).show();
            break;

        default:
            break;
        }

        return super.onOptionsItemSelected(item);
    }

二、ContextMenu上下文菜單

當用戶長按Activity頁面時,彈出的菜單我們稱爲上下文菜單。我們經常在Windows中用鼠標右鍵單擊彈出的菜單就是上下文菜單。

ContextMenu與OptionMenu的區別:

1、OptionMenu對應的是activity,一個activity只能擁有一個選項菜單;
2、ContextMenu對應的是view,每個view都可以設置上下文菜單;
3、一般情況下ContextMenu常用語ListView或者GridView

實現步驟:
1. 長按某個ListView出來的菜單,和OptionMenu區別如下:
一個OptionMenu對應的是一個Activity;一個ContextMenu對應的是一個View,每個View都可以設置上下文菜單
一般情況下ContextMenu常用於ListView或者GridView
2. 用法
(1)首先給View註冊上下文菜單registerForContextMenu()
this.registerForContextMenu(contextView);
(2)添加上下文菜單的內容onCreateContextMenu()
3、添加菜單項
(1)、可以通過代碼動態添加
(2)、可以加載xml文件的菜單項
4、設置點擊事件onCreateItemSelected()
重寫該方法就行了,和onOptionsItemSelected()類似。

5、實現步驟
1.初始化listview=findviebyid..
2.添加數據源listview.setAdapter(new Arrayadapter(this,layout,Arraylist));
3.註冊上下文菜單 this.registerForContextMenu(listview);
4.添加上下文菜單菜單

public void onCreateContextMenu(....){
menu.setHeaderTitle("");
menu.setHeaderIcon();

//一是通過代碼,二是通過佈局文件
menu.add(groupid,itemid,order排序,title);
}

5.設置菜單項點擊事件
onContextItemSelected(MenuItem item){
switch(item.getItemId){
case id:
XXX;
break;
}

效果圖
這裏寫圖片描述
這裏寫圖片描述
這裏寫圖片描述

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.jiapeng.munedemo.MainActivity"
    tools:ignore="MergeRootFrame" >

    <ListView
        android:id="@+id/mune_list"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >
    </ListView>

</FrameLayout>
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        showListView();
        // 註冊上下文菜單
        this.registerForContextMenu(listview);
    }

    /**
     * 加載數據
     */
    private void showListView() {
        listview = (ListView) findViewById(R.id.mune_list);
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
                android.R.layout.simple_list_item_1, getDate());
        listview.setAdapter(adapter);

    }

    /**
     * 創建數據源
     * 
     * @return list
     */
    private ArrayList<String> getDate() {
        ArrayList<String> list = new ArrayList<String>();
        for (int i = 0; i < 10; i++) {
            list.add("菜單" + i);
        }
        return list;
    }

    /**
     * 添加上下文菜單的菜單項
     */
    public void onCreateContextMenu(ContextMenu menu, View v,
            ContextMenuInfo menuInfo) {
        menu.setHeaderTitle("上下文菜單");
        menu.setHeaderIcon(R.drawable.ic_launcher);
        //加載上下文菜單內容
        menu.add(1, 1, 1, "保存");
        menu.add(1, 2, 1, "更改");
        menu.add(1, 3, 1, "刪除");
        super.onCreateContextMenu(menu, v, menuInfo);
    }

    /**
     * 創建單擊事件
     */
    public boolean onContextItemSelected(MenuItem item) {
        switch (item.getItemId()) {
        case 1:
            Toast.makeText(this, "點擊了保存", Toast.LENGTH_SHORT).show();
            break;
        case 2:
            Toast.makeText(this, "點擊了更改", Toast.LENGTH_SHORT).show();
            break;
        case 3:
            Toast.makeText(this, "點擊了刪除", Toast.LENGTH_SHORT).show();
            break;

        default:
            break;
        }
        return super.onContextItemSelected(item);
    }

注:何爲上下文菜單:Windows操作系統中任何地方右擊鼠標會出現俗稱的“右鍵菜單”,其實就是指上下文菜單。因爲上下文菜單根據鼠標位置來判斷彈出什麼的菜單(如桌面右擊顯示個性化菜單,文件右擊則顯示針對文件操作刪除等的菜單)也就是根據上下文來判斷如何彈出和彈出哪種菜單,所以稱爲上下文菜單。手機上就是長按會彈出選項

三、SubMenu子菜單

就是將功能相同的操作分組顯示,他作用在OptionsMenu上,是OptionsMenu的二級菜單

實現步驟:

(1)重寫onCreateOptionsMenu()方法
public boolean onCreateOptionsMenu(Menu menu) {
SubMenu fileOperations = menu.addSubMenu("file");
SubMenu editOperations = menu.addSubMenu("Edit");
fileOperations.add(1, 1, 1, "New");
……
(2)點擊事件,重寫onOptionsItemSelected()方法
if(item.getGroupId() == 1) {
switch (item.getItemId()) {
case 1:
……
3.注意:
(1)SubMenu.add(groupId, itemId, order, title);
因爲每個SubMenu有一個groupId,所以需要使用這個groupId區別是點擊了那個子菜單
(2)APP的樣式會影響子菜單的顯示風格

同樣SubMenu也是可以通過用XML,來增加菜單項的

效果圖:
這裏寫圖片描述
這裏寫圖片描述
這裏寫圖片描述

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.jiapeng.munedemo.MainActivity"
    tools:ignore="MergeRootFrame" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="SubMenu"
        android:textSize="30sp" />

</FrameLayout>
@Override
    public boolean onCreateOptionsMenu(Menu menu) {
        SubMenu fileMenu = menu.addSubMenu("查看文件");
        SubMenu editMenu = menu.addSubMenu("輸入文件");
        //添加菜單項
        fileMenu.add(1, 1, 1, "文件1");
        fileMenu.add(1, 2, 1, "文件2");
        fileMenu.add(1, 3, 1, "文件3");
        editMenu.add(2, 1, 1, "輸入1");
        editMenu.add(2, 2, 1, "輸入2");
        editMenu.add(2, 3, 1, "輸入3");
        return super.onCreateOptionsMenu(menu);
    }

    //創建點擊事件
    public boolean onOptionsItemSelected(MenuItem item) {
        if (item.getGroupId() == 1) {
            switch (item.getItemId()) {
            case 1:
                Toast.makeText(this, "點擊了文件1", Toast.LENGTH_SHORT).show();
                break;
            case 2:
                Toast.makeText(this, "點擊了文件2", Toast.LENGTH_SHORT).show();
                break;
            case 3:
                Toast.makeText(this, "點擊了文件3", Toast.LENGTH_SHORT).show();
                break;

            default:
                break;
            }
        } else if (item.getGroupId() == 2) {
            switch (item.getItemId()) {
            case 1:
                Toast.makeText(this, "點擊了輸入1", Toast.LENGTH_SHORT).show();
                break;
            case 2:
                Toast.makeText(this, "點擊了輸入2", Toast.LENGTH_SHORT).show();
                break;
            case 3:
                Toast.makeText(this, "點擊了輸入3", Toast.LENGTH_SHORT).show();
                break;

            default:
                break;
            }
        }
        return super.onOptionsItemSelected(item);
    }

好了,希望能幫到初學者們

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章