Android 通过AlertDialog创建伪菜单
1)效果图如下
单击Menu键跳出AlertDialog效果图如下
单击GridView中的“更多”选项效果图如下
2)具体代码如下
1.修改MainActivity.java代码如下
package com.example.androiddemo3;
import java.util.ArrayList;
import java.util.HashMap;
import android.os.Bundle;
import android.R.integer;
import android.app.Activity;
import android.app.AlertDialog;
import android.content.DialogInterface;
import android.support.v4.widget.SimpleCursorAdapter;
import android.view.Gravity;
import android.view.KeyEvent;
import android.view.Menu;
import android.view.View;
import android.widget.AdapterView;
import android.widget.GridView;
import android.widget.SimpleAdapter;
public class MainActivity extends Activity {
private AlertDialog alertDialog=null;
private GridView gridView1=null;
/*菜单文字1*/
private String[] menu_name_array1={"菜单1","菜单2","菜单3","菜单4","菜单5","更多"};
/*菜单图片1*/
private int[] menu_image_array1={R.drawable.ic_launcher,R.drawable.ic_launcher
,R.drawable.ic_launcher,R.drawable.ic_launcher,
R.drawable.ic_launcher,R.drawable.ic_launcher};
/*菜单文字2*/
private String[] menu_name_array2={"菜单6","菜单7","菜单8","菜单9","菜单10","返回"};
/*菜单图片2*/
private int[] menu_image_array2={R.drawable.ic_launcher,R.drawable.ic_launcher
,R.drawable.ic_launcher,R.drawable.ic_launcher,
R.drawable.ic_launcher,R.drawable.ic_launcher};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
/*将SimpleAdapter和GridView绑定*/
gridView1=new GridView(this);
gridView1.setNumColumns(3);
gridView1.setAdapter(getAdapter(menu_name_array1, menu_image_array1));
/*单击GridView上的菜单(这里主要演示的是“更多”,“返回”)触发事件*/
gridView1.setOnItemClickListener(new GridView.OnItemClickListener() {
public void onItemClick(AdapterView<?> parent, View view,int position,long arg3){
HashMap<String, Object> item=(HashMap<String, Object>)parent.getItemAtPosition(position);
String name=item.get("name").toString();
if(name.equals("更多")){
gridView1.setAdapter(getAdapter(menu_name_array2, menu_image_array2));
}else if(name.equals("返回")){
gridView1.setAdapter(getAdapter(menu_name_array1, menu_image_array1));
}else{
}
}
});
/*创建AlertDialog*/
alertDialog=new AlertDialog.Builder(this).setView(gridView1).create();
/*当打开AlertDialog后监听按钮(“菜单”,“回车”)事件关闭AlertDialog*/
alertDialog.setOnKeyListener(new AlertDialog.OnKeyListener() {
@Override
public boolean onKey(DialogInterface dialog, int keyCode, KeyEvent event) {
if(keyCode==KeyEvent.KEYCODE_MENU||keyCode==KeyEvent.KEYCODE_BACK){//监听按钮
alertDialog.dismiss();
}
return false;
}
});
}
/*将ArrayList中的数据和SimpleAdapter绑定*/
private SimpleAdapter getAdapter(String[] names,int[] images){
ArrayList<HashMap<String, Object>> items=getData(names, images);
SimpleAdapter adapter=new SimpleAdapter(
this,
items,
R.layout.item_menu,
new String[]{"name","image"},
new int[]{R.id.item_name,R.id.item_image});
return adapter;
}
/*将菜单文字和菜单图片存放到ArrayList*/
private ArrayList<HashMap<String, Object>> getData(String[] names,int[] images){
ArrayList<HashMap<String, Object>> items=new ArrayList<HashMap<String,Object>>();
for(int i=0;i<names.length;i++){
HashMap<String, Object> item=new HashMap<String, Object>();
item.put("name", names[i]);
item.put("image", images[i]);
items.add(item);
}
return items;
}
@Override
/*重写打开菜单按钮事件,显示AlertDialog*/
public boolean onMenuOpened(int featureId, Menu menu) {
if(alertDialog==null){
alertDialog=new AlertDialog.Builder(this).setView(gridView1).show();
}else{
alertDialog.show();
}
return false;//返回true则显示系统menu
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
}
2在layout创建item_menu.xml作为GridView的样式
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/RelativeLayout_Item"
android:layout_width="fill_parent" android:layout_height="wrap_content"
android:paddingBottom="5dip">
<ImageView android:id="@+id/item_image"
android:layout_centerHorizontal="true" android:layout_width="wrap_content"
android:layout_height="wrap_content"></ImageView>
<TextView android:layout_below="@id/item_image" android:id="@+id/item_name"
android:layout_centerHorizontal="true" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:text="选项"></TextView>
</RelativeLayout>