Android UI基礎之Menu 的使用
在Android中一共有三種類型的菜單,它們分別是
1:Options menu and action bar (菜單在標題欄)
2:Context menu (上下文菜單)
3:Popup menu (彈出式菜單)
Options menu and action bar 的實現如下:
效果圖如下:
點擊生成圖標效果如下:
對於menu的定義一共有兩種方式,分別爲xml 註冊與代碼註冊
代碼註冊如下:
1: 創建Activity的onCreateOptionMenu (Menu menu) 方法,當菜單第一次被第一次打開時調用
2:調用Menu 的add ()方法添加菜單項(MenuItem),同時可以調用MenuItem的SetIcon ()方法來爲菜單項設置圖標。
3:當菜單項 (MenuItem )被選擇時,覆蓋Activity的nOptionsItemSelected(MenuItem item) 來響應事件。
public boolean onCreateOptionsMenu(Menu menu) {
// // 添加菜單項參數分別爲(組ID , 當前選項ID, 排序, 標題)
menu.add(0, 100, 1, "設置");// 返回值爲menuItem
menu.add(0, 200, 2, "開始遊戲");
menu.add(0, 300, 3, "退出遊戲");
return super.onCreateOptionsMenu(menu);
}
// 菜單選項的單擊事件
@Override
public boolean onOptionsItemSelected(MenuItem item) {
//在onCreateOptionsMenu方法中,如果單擊那個 menuItem則返回其對應的ItemId
int id = item.getItemId();// 返回當前對應的Item的id
switch (id) {
case 100://表示在戲設置中選項中進行的操作,此處爲實現代碼
AlertDialog.Builder builder = new AlertDialog.Builder(this);
builder.setTitle("請選擇一個平臺使用");
final String[] items = {"Android", "ios", "Wp"};
builder.setItems(items, new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
Toast.makeText(MainActivity.this, items[which], Toast.LENGTH_SHORT).show();
}
});
builder.show();
break;
case 200:
Toast.makeText(MainActivity.this, "正在啓動遊戲界面。。。", Toast.LENGTH_SHORT).show();
break;
case 300:
Toast.makeText(MainActivity.this, "正在關閉遊戲。。。。。", Toast.LENGTH_SHORT).show();
break;
}
return super.onOptionsItemSelected(item);
}
}
Xml 文件註冊與上基本類似
效果如下:
實現過程如下:
需要在res/ menu 文件夾下創建文件
main_mian2.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=".MainActivity">
<item
android:id="@+id/game_start"
android:orderInCategory="300"
android:title="開始遊戲"
app:showAsAction="ifRoom"
android:icon="@android:drawable/ic_menu_edit"
/>
<item
android:id="@+id/game_exit"
android:orderInCategory="200"
android:title="退出遊戲"
app:showAsAction="ifRoom"
android:icon="@android:drawable/ic_menu_camera"
/>
/>
<item
android:id="@+id/game_set"
android:orderInCategory="100"
android:title="遊戲設置"
app:showAsAction="ifRoom"
android:icon="@android:drawable/ic_menu_search"
/>
/>
</menu>
在MianActivity 文件中將使用getMenuInflater().inflate(R.menu.mian_main2,menu); 將資源問件加載出來即可。
完整代碼如下:
public class MainActivity extends ActionBarActivity
{
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
// 用於創建選項項菜單的事件方式,在打開界面的時時候會被自動調用
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.mian_main2,menu);
return super.onCreateOptionsMenu(menu);
}
// 菜單選項的單擊事件
@Override
public boolean onOptionsItemSelected(MenuItem item) {
//在onCreateOptionsMenu方法中,如果單擊那個 menuItem則返回其對應的ItemId
int id = item.getItemId();// 返回當前對應的Item的id
switch (id) {
// ----------------------------------xml文件註冊---------------------
case R.id.game_start:
AlertDialog.Builder builder = new AlertDialog.Builder(this);
builder.setTitle("請選擇一個平臺使用");
final String[] items = {"Android", "ios", "Wp"};
builder.setItems(items, new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
Toast.makeText(MainActivity.this, items[which], Toast.LENGTH_SHORT).show();
}
});
builder.show();
break;
case R.id.game_exit:
Toast.makeText(MainActivity.this, "正在啓動遊戲界面。。。", Toast.LENGTH_SHORT).show();
break;
case R.id.game_set:
Toast.makeText(MainActivity.this, "設置遊戲。。。", Toast.LENGTH_SHORT).show();
}
return super.onOptionsItemSelected(item);
}
}
ContextMenu的使用
ContextView,與上下文環境有關,思想類似於Windows 中的右擊單擊建彈出的快捷菜單,操作是長時間按住某個組件不放
效果如下:
長時間按住如下:
創建步驟如下:
1覆蓋Activity的 onCreateContextMenu ()方法,調用Menu 的add ()方法添加菜單項
2:覆蓋Activity的onContextItemSelected(MenuItem item) 來響應事件。
3:調用registForContextMenu ()方法來爲視圖註冊上下文菜單。
注意:一個界面只能使用一個ContenxtMenu。
ContextMenu也有兩種註冊方式。
Xml 註冊方式實現過程如下:
在res/menu 文件夾下創建 context_menu.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=".MainActivity">
<item
android:id="@+id/red"
android:orderInCategory="100"
android:title="紅色" />
<item
android:id="@+id/green"
android:orderInCategory="200"
android:title="綠色" />
<item
android:id="@+id/blue"
android:orderInCategory="300"
android:title="藍色" />
</menu>
在MianActivity文件中加載佈局文件。
package com.xiyou.com.meanususe;
import android.graphics.Color;
import android.os.Bundle;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.ContextMenu;
import android.view.MenuItem;
import android.view.View;
import android.widget.TextView;
//上下文菜單
public class ContextMenuus extends AppCompatActivity {
private TextView tv;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.context_menu);
// 註冊上下文菜單到TextView組件上
registerForContextMenu(tv);
}
// 創建上下文菜單的事件方法
@Override
public void onCreateContextMenu(ContextMenu menu, View v, ContextMenu.ContextMenuInfo menuInfo) {
getMenuInflater().inflate(R.menu.context_menu, menu);
super.onCreateContextMenu(menu, v, menuInfo);
}
// 上下文菜單的單擊事件
@Override
public boolean onContextItemSelected(MenuItem item) {
switch (item.getItemId()) {
case R.id.red:
tv.setBackgroundColor(Color.RED);
break;
case R.id.green:
tv.setBackgroundColor(Color.GREEN);
break;
case R.id.blue:
tv.setBackgroundColor(Color.BLUE);
break;
}
return super.onContextItemSelected(item);
}
}
PopupMenu 的使用
彈出式菜單是停靠在View上的一個模式菜單,如果View對象的下方有空間,那麼彈出菜單將顯示在停靠對象的下方,否則會顯示在上方,這個組件非常有用。
注意:彈出式菜單是在API 11 或更高版本上纔有效的
效果圖如下:
實現過程如下:
實現過程如下:
需要在res/ menu 文件夾下創建文件
poup_menu.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=".MainActivity">
<item
android:id="@+id/s"
android:orderInCategory="100"
android:title="S" />
<item
android:id="@+id/m"
android:orderInCategory="200"
android:title="M" />
<item
android:id="@+id/l"
android:orderInCategory="300"
android:title="L" />
</menu>
在MainActivity中加載菜單項,並且添加監聽事件
/*
彈出式菜單
在實現OnMenuItemClickListener方法時應該實現PopupMenu中的方法
*/
public class Poupmenu_use extends AppCompatActivity implements PopupMenu.OnMenuItemClickListener {
private Button button;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_poupmenu_use);
}
public void TypeSize_Click(View view) {
PopupMenu popupMenu = new PopupMenu(this, view);
MenuInflater inflater = popupMenu.getMenuInflater();
inflater.inflate(R.menu.poup_menu, popupMenu.getMenu());
// 彈出式菜單的選項單擊事件
popupMenu.setOnMenuItemClickListener(this);
popupMenu.show();
}
@Override
public boolean onMenuItemClick(MenuItem item) {
String s = (String) item.getTitle();// 獲取MenuItem上的內容
switch (item.getItemId()) {
case R.id.s:
Toast.makeText(Poupmenu_use.this, "你選擇的是S"+s, Toast.LENGTH_SHORT).show();
break;
case R.id.m:
Toast.makeText(Poupmenu_use.this, "你選擇的是M", Toast.LENGTH_SHORT).show();
break;
case R.id.l:
Toast.makeText(Poupmenu_use.this, "你選擇的是L", Toast.LENGTH_SHORT).show();
break;
}
return true;
}
}