Android實(shí)現(xiàn)模仿UCweb菜單效果的方法
本文實(shí)例講述了Android實(shí)現(xiàn)模仿UCweb菜單效果的方法。分享給大家供大家參考。具體如下:
UCWeb的菜單看起來不錯(cuò),自己模仿做一個(gè),思路實(shí)現(xiàn)如下:
1、保留menu按鍵作用
2、用popupwindow作為菜單顯示容器
3、用GridView顯示所有子菜單
代碼如下:
1、布局文件:
popupwindow.xml:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:background="#50000000" android:layout_height="fill_parent" android:gravity="bottom|center_horizontal"> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="320dip" android:background="@drawable/bkg2" android:id="@+id/popdialog" android:layout_height="250dip" android:gravity="center_vertical|center_horizontal" > <GridView android:id="@+id/gridview" android:layout_width="fill_parent" android:layout_height="fill_parent" android:numColumns="4" android:verticalSpacing="10dip" android:horizontalSpacing="10dip" android:stretchMode="columnWidth" android:gravity="center" /> </LinearLayout> </LinearLayout>
item_menu.xml:
<?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="40dip" android:layout_height="40dip"> </ImageView> <TextView android:layout_below="@id/item_image" android:id="@+id/item_text" android:layout_centerHorizontal="true" android:layout_width="wrap_content" android:layout_height="wrap_content" style="@style/Text.Location" android:text="選項(xiàng)"></TextView> </RelativeLayout>
2、用popupwindow作為菜單顯示容器:
View view = this.getLayoutInflater().inflate(R.layout.popwindowdemo, null);
pop = new PopupWindow(view,320,450);//大小設(shè)置為全屏幕,這里硬編碼的,可修改
pop.setOutsideTouchable(false);
pop.setBackgroundDrawable(new BitmapDrawable());
pop.setFocusable(true);//如果不加這個(gè),Grid不會(huì)響應(yīng)ItemClick
pop.setTouchInterceptor(new OnTouchListener() {
public boolean onTouch(View v, MotionEvent event) {
// TODO Auto-generated method stub
if (event.getY()<240){ //這里處理,當(dāng)點(diǎn)擊gridview以外區(qū)域的時(shí)候,菜單關(guān)閉
if (pop.isShowing())
pop.dismiss();
}
Log.d("Demo", "popupWindow::onTouch >>> view: "
+ v + ", event: " + event);
return false;
}
});
3、初始化gridview:
/** 菜單圖片 **/
int[] menu_image_array = { R.drawable.menu_search,
R.drawable.menu_filemanager, R.drawable.menu_downmanager,
R.drawable.menu_fullscreen, R.drawable.menu_inputurl,
R.drawable.menu_bookmark, R.drawable.menu_bookmark_sync_import,
R.drawable.menu_sharepage, R.drawable.menu_quit,
R.drawable.menu_nightmode, R.drawable.menu_refresh,
R.drawable.menu_more };
/** 菜單文字 **/
String[] menu_name_array = { "搜索", "文件管理", "下載管理", "全屏", "網(wǎng)址", "書簽",
"加入書簽", "分享頁面", "退出", "夜間模式", "刷新", "更多" };
/**
* 構(gòu)造菜單Adapter
*
* @param menuNameArray
* 名稱
* @param imageResourceArray
* 圖片
* @return SimpleAdapter
*/
private SimpleAdapter getMenuAdapter(String[] menuNameArray,
int[] imageResourceArray) {
ArrayList<HashMap<String, Object>> data = new ArrayList<HashMap<String, Object>>();
for (int i = 0; i < menuNameArray.length; i++) {
HashMap<String, Object> map = new HashMap<String, Object>();
map.put("itemImage", imageResourceArray[i]);
map.put("itemText", menuNameArray[i]);
data.add(map);
}
SimpleAdapter simperAdapter = new SimpleAdapter(this, data,
R.layout.item_menu, new String[] { "itemImage", "itemText" },
new int[] { R.id.item_image, R.id.item_text });
return simperAdapter;
}
menuGrid = (GridView) view.findViewById(R.id.gridview);
menuGrid.setAdapter(getMenuAdapter(menu_name_array, menu_image_array));
4、注冊Menu彈起事件:
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// TODO Auto-generated method stub
pop.showAtLocation(findViewById(R.id.mainfrm), Gravity.CENTER|Gravity.BOTTOM, 0, 0);
return false;//super.onCreateOptionsMenu(menu);
}
5、注冊menu子菜單單擊事件:
menuGrid.setOnItemClickListener(new OnItemClickListener() {
public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
long arg3) {
Log.v("Demo", "menuGrid.setOnItemClickListener: "+arg2+" "+arg3);
Toast.makeText(UIMenu.this, "Click"+arg2, Toast.LENGTH_SHORT).show();
if (pop.isShowing()) //關(guān)閉菜單
pop.dismiss();
}
});
6、界面截圖:

希望本文所述對大家的Android程序設(shè)計(jì)有所幫助。
- Android動(dòng)態(tài)添加menu菜單的簡單方法
- Android編程實(shí)現(xiàn)自定義系統(tǒng)菜單背景的方法
- Android仿微信頂/底部菜單欄效果
- Android實(shí)現(xiàn)類似于PC中的右鍵彈出菜單效果
- Android編程之菜單的實(shí)現(xiàn)方法實(shí)例詳解
- Android編程之菜單實(shí)現(xiàn)方法
- Android編程實(shí)現(xiàn)二級下拉菜單及快速搜索的方法
- Android開發(fā)之menu菜單
- Android上下文菜單用法實(shí)例分析
- Android選項(xiàng)菜單用法實(shí)例分析
- Android仿微信菜單(Menu)(使用C#和Java分別實(shí)現(xiàn))
- Android編程實(shí)現(xiàn)為應(yīng)用添加菜單的方法
相關(guān)文章
Android數(shù)據(jù)庫SD卡創(chuàng)建和圖片存取操作
這篇文章主要介紹了Android數(shù)據(jù)庫SD卡創(chuàng)建和圖片存取操作的相關(guān)資料,需要的朋友可以參考下2017-04-04
Android ScrollView嵌套橫向滑動(dòng)控件時(shí)沖突問題
本篇文章主要介紹了Android ScrollView嵌套橫向滑動(dòng)控件時(shí)沖突問題,具有一定的參考價(jià)值,有興趣的可以了解一下2017-08-08
android仿音悅臺(tái)頁面交互效果實(shí)例代碼
這篇文章主要介紹了android 仿音悅臺(tái)頁面播放效果實(shí)例代碼,新版的音悅臺(tái) APP 播放頁面交互非常有意思,可以把播放器往下拖動(dòng),然后在底部懸浮一個(gè)小框,還可以左右拖動(dòng)。2017-01-01
Android應(yīng)用開發(fā)中CardView的初步使用指南
這篇文章主要介紹了Android應(yīng)用開發(fā)中CardView的初步使用指南,CardView主要處理一些卡片型的視圖布局,需要的朋友可以參考下2016-02-02
android仿即刻點(diǎn)贊文字部分的自定義View的示例代碼
本篇文章主要介紹了android仿即刻點(diǎn)贊文字部分的自定義View的示例代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-11-11
Android 實(shí)現(xiàn)掃雷小游戲?qū)嵗a
這篇文章主要介紹了Android 實(shí)現(xiàn)掃雷小游戲?qū)嵗a的相關(guān)資料,需要的朋友可以參考下2016-12-12
Android中AlertDialog四種對話框的最科學(xué)編寫用法(實(shí)例代碼)
這篇文章主要介紹了Android中AlertDialog四種對話框的最科學(xué)編寫用法,本文通過代碼講解的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-11-11

