Android实现模仿UCweb菜单效果的方法

本文实例讲述了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程序设计有所帮助。

时间: 2024-09-22 17:44:29

Android实现模仿UCweb菜单效果的方法的相关文章

Android实现模仿UCweb菜单效果的方法_Android

本文实例讲述了Android实现模仿UCweb菜单效果的方法.分享给大家供大家参考.具体如下: UCWeb的菜单看起来不错,自己模仿做一个,思路实现如下: 1.保留menu按键作用 2.用popupwindow作为菜单显示容器 3.用GridView显示所有子菜单 代码如下: 1.布局文件: popupwindow.xml: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:and

Android编程实现仿优酷圆盘旋转菜单效果的方法详解【附demo源码下载】

本文实例讲述了Android编程实现仿优酷圆盘旋转菜单效果的方法.分享给大家供大家参考,具体如下: 目前,用户对安卓应用程序的UI设计要求越来越高,因此,掌握一些新颖的设计很有必要. 比如菜单,传统的菜单已经不能满足用户的需求. 其中优酷中圆盘旋转菜单的实现就比较优秀,这里我提供下我的思路及实现,仅供参考. 该菜单共分里外三层导航菜单.可以依次从外向里关闭三层菜单,也可以反向打开,并且伴有圆盘旋转的动画效果 首先,看下效果: 以下是具体的代码及解释: 1. 菜单布局文件: 大家看到主要有三个Ra

Android编程实现图标拖动效果的方法

  Android编程实现图标拖动效果的方法         本文实例讲述了Android编程实现图标拖动效果的方法.分享给大家供大家参考,具体如下: 最近优化图标拖动时的速率,稍微有一点点效果,直接把代码贴出来,有兴趣一起讨论的朋友可以给我留言. 代码如下: DragView.java package com.android.dragtest; import android.content.Context; import android.util.AttributeSet; import an

Android TextView实现垂直滚动效果的方法_Android

本文实例讲述了Android TextView实现垂直滚动效果的方法.分享给大家供大家参考,具体如下: 在TextView中,如果文本很长,可能需要实现垂直滚动显示文本的效果.这里需要在XML布局文件中为TextView设置如下几个属性. Android:scrollbars="vertical" android:scrollbarStyle="X" 其中X为outsideOverlay或insideOverlay. android:scrollbarFadeDur

Android编程实现图标拖动效果的方法_Android

本文实例讲述了Android编程实现图标拖动效果的方法.分享给大家供大家参考,具体如下: 最近优化图标拖动时的速率,稍微有一点点效果,直接把代码贴出来,有兴趣一起讨论的朋友可以给我留言. 代码如下: DragView.java package com.android.dragtest; import android.content.Context; import android.util.AttributeSet; import android.util.Log; import android.

Android使用onCreateOptionsMenu()创建菜单Menu的方法详解_Android

本文实例讲述了Android使用onCreateOptionsMenu()创建菜单Menu的方法.分享给大家供大家参考,具体如下: Android一共有三种形式的菜单: 1.选项菜单(optinosMenu) 2.上下文菜单(ContextMenu) 3.子菜单(subMenu) 其中最常用的就是选项菜单(optionsMenu), 该菜单在点击 menu 按键 后会在对应的Activity底部显示出来. 1.Activity菜单机制 (与dialog类似) Activity有一套机制来实现对菜

jQuery纵向导航菜单效果实现方法_jquery

本文实例讲述了jQuery纵向导航菜单效果实现方法.分享给大家供大家参考,具体如下: 效果如下: 核心代码如下: $( document ).ready( function(e){ var $catCont = $( ".cat-cont" ); //二级菜单div var $catList = $( ".J_Cat" ); //一级菜单li $catList.on( "mouseenter", function(){ var index = $

Android基于TextView属性android:ellipsize实现跑马灯效果的方法_Android

本文实例讲述了Android基于TextView属性android:ellipsize实现跑马灯效果的方法.分享给大家供大家参考,具体如下: Android系统中TextView实现跑马灯效果,必须具备以下几个条件: 1.android:ellipsize="marquee" 2.TextView必须单行显示,即内容必须超出TextView大小 3.TextView要获得焦点才能滚动 XML代码: android:ellipsize="marquee", andro

javascript简单实现滑动菜单效果的方法_javascript技巧

本文实例讲述了javascript简单实现滑动菜单效果的方法.分享给大家供大家参考.具体如下: 整个javascript代码共42行,其中主要函数Slide代码26行,可以改进哦! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=&