Android实现模仿UCweb菜单效果的方法
作者:白羽雕弓 时间:2023-08-15 20:22:43
本文实例讲述了Android实现模仿UCweb菜单效果的方法。分享给大家供大家参考。具体如下:
UCWeb的菜单看起来不错,自己模仿做一个,思路实现如下:
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="选项"></TextView>
</RelativeLayout>
2、用popupwindow作为菜单显示容器:
View view = this.getLayoutInflater().inflate(R.layout.popwindowdemo, null);
pop = new PopupWindow(view,320,450);//大小设置为全屏幕,这里硬编码的,可修改
pop.setOutsideTouchable(false);
pop.setBackgroundDrawable(new BitmapDrawable());
pop.setFocusable(true);//如果不加这个,Grid不会响应ItemClick
pop.setTouchInterceptor(new OnTouchListener() {
public boolean onTouch(View v, MotionEvent event) {
// TODO Auto-generated method stub
if (event.getY()<240){ //这里处理,当点击gridview以外区域的时候,菜单关闭
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 = { "搜索", "文件管理", "下载管理", "全屏", "网址", "书签",
"加入书签", "分享页面", "退出", "夜间模式", "刷新", "更多" };
/**
* 构造菜单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()) //关闭菜单
pop.dismiss();
}
});
6、界面截图:
希望本文所述对大家的Android程序设计有所帮助。
标签:Android,菜单
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
SpringBoot项目中新增脱敏功能的实例代码
2023-11-24 01:32:14
java实现双色球机选号码生成器
2022-10-05 07:41:33
springboot项目部署到宝塔的详细图文教程
2023-03-27 05:24:31
![](https://img.aspxhome.com/file/2023/0/86790_0s.png)
c#使用ManagedWifi查看当前Wifi信号并选择wifi的示例
2021-07-06 15:37:18
Java设计模式之java原型模式详解
2022-04-01 03:16:40
![](https://img.aspxhome.com/file/2023/8/88568_0s.png)
C#跨PC远程调用程序并显示UI界面
2022-06-22 13:42:38
Android实现微信朋友圈发本地视频功能
2021-06-18 07:56:03
![](https://img.aspxhome.com/file/2023/6/138966_0s.png)
spring mvc 组合mybatis框架实例详解
2023-11-28 04:56:04
![](https://img.aspxhome.com/file/2023/2/59752_0s.png)
国内分布式框架Dubbo使用详解
2022-05-10 13:38:27
![](https://img.aspxhome.com/file/2023/3/71883_0s.jpg)
Android自定义View之继承TextView绘制背景
2021-11-05 11:16:06
![](https://img.aspxhome.com/file/2023/7/138777_0s.png)
微信APP支付(IOS手机端+java后台)版
2021-12-24 14:16:43
![](https://img.aspxhome.com/file/2023/9/116829_0s.png)
C# 定时器保活机制引起的内存泄露问题解决
2022-09-19 00:31:33
C++ boost scoped_ptr智能指针详解
2023-10-04 19:11:45
![](https://img.aspxhome.com/file/2023/7/117767_0s.png)
.net的序列化与反序列化实例
2022-12-29 00:50:50
C#实现读取指定盘符硬盘序列号的方法
2023-05-23 15:06:39
Java函数式编程(八):字符串及方法引用
2022-05-02 22:28:23
Android UI实现底部切换标签fragment
2023-03-17 10:16:59
![](https://img.aspxhome.com/file/2023/2/110682_0s.jpg)
关于SpringMVC的异常处理机制详细解读
2023-01-26 17:32:45
![](https://img.aspxhome.com/file/2023/6/85396_0s.jpg)
jmeter+ant+jenkins自动化测试环境配置搭建过程
2023-11-17 23:38:06
![](https://img.aspxhome.com/file/2023/4/81184_0s.png)
ViewFlipper实现上下翻滚轮播效果
2023-10-06 08:55:40