android meun 菜单的使用(长按弹出菜单)

下面我们来讲解一下第一种定义上下文菜单的方式.
1.  创建浮动的上下文菜单 (floating context menu)
     1. 通过调用 registerForContextMenu() 方法来注册上下文菜单,同时关联到这个 View。如果你的 activity 使用 ListView 或者 GridView ,你想每一个选项都提供相同的上下文菜单,就要通过 registerForContextMenu() 方法为关联到 ListView 或者 GridView 注册上下文菜单。
     2. 在你的Activity 或者Fragment中实现onCreateContextMenu()方法,注册完视图之后,当它接受一个长按的事件时,系统就会调用onCreateContextMenu() 方法。这就是你需要定义你菜单选项的地方,通常是通过动态加载菜单资源来定义的。
     3. 实现 onContextItemSelected() 方法,当用户选择了菜单选项之后,系统就会调用这里面的方法,这样你就可以执行适当的动作。
2. 代码实现
1) 布局文件 activity_main.xml
[html]  view plain copy
  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     xmlns:tools="http://schemas.android.com/tools"  
  3.     android:layout_width="match_parent"  
  4.     android:layout_height="match_parent"  
  5.     android:paddingBottom="@dimen/activity_vertical_margin"  
  6.     android:paddingLeft="@dimen/activity_horizontal_margin"  
  7.     android:paddingRight="@dimen/activity_horizontal_margin"  
  8.     android:paddingTop="@dimen/activity_vertical_margin"  
  9.     tools:context=".MainActivity" >  
  10.   
  11.     <ListView  
  12.         android:id="@+id/listView1"  
  13.         android:layout_width="match_parent"  
  14.         android:layout_height="wrap_content"  
  15.         android:layout_alignParentLeft="true"  
  16.         android:layout_alignParentTop="true" >  
  17.     </ListView>  
  18.   
  19. </RelativeLayout>  
2) 定义菜单资源文件 main.xml
[html]  view plain copy
  1. <menu xmlns:android="http://schemas.android.com/apk/res/android" >  
  2.   
  3.     <item  
  4.         android:id="@+id/edit"  
  5.         android:orderInCategory="100"  
  6.         android:showAsAction="never"  
  7.         android:title="edit"/>  
  8.     <item  
  9.         android:id="@+id/share"  
  10.         android:orderInCategory="100"  
  11.         android:showAsAction="never"  
  12.         android:title="share"/>  
  13.     <item  
  14.         android:id="@+id/delete"  
  15.         android:orderInCategory="100"  
  16.         android:showAsAction="never"  
  17.         android:title="delete"/>  
  18.   
  19. </menu>  
3) 程序主要代码 MainActivity.java
[java]  view plain copy
  1. package com.android.contextmenudemo;  
  2.   
  3. import android.os.Bundle;  
  4. import android.app.Activity;  
  5. import android.view.ContextMenu;  
  6. import android.view.Menu;  
  7. import android.view.MenuInflater;  
  8. import android.view.MenuItem;  
  9. import android.view.View;  
  10. import android.view.ContextMenu.ContextMenuInfo;  
  11. import android.widget.ArrayAdapter;  
  12. import android.widget.ListView;  
  13. import android.widget.Toast;  
  14.   
  15. import java.util.ArrayList;  
  16. import java.util.List;  
  17.   
  18. public class MainActivity extends Activity {  
  19.   
  20.     private ListView listView;  
  21.   
  22.     @Override  
  23.     protected void onCreate(Bundle savedInstanceState) {  
  24.         super.onCreate(savedInstanceState);  
  25.         setContentView(R.layout.activity_main);  
  26.         initComponent();  
  27.         ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,  
  28.                 android.R.layout.simple_list_item_1, getData());  
  29.         listView.setAdapter(adapter);  
  30.         // 给ListView注册上下文菜单  
  31.         registerForContextMenu(listView); // 这里接受的参数是一个View的类型  
  32.     }  
  33.   
  34.     private List<String> getData() {  
  35.         List<String> list = new ArrayList<String>();  
  36.         for (int i = 0; i <= 6; i++) {  
  37.             list.add("AHuier" + i);  
  38.         }  
  39.         return list;  
  40.     }  
  41.   
  42.     @Override  
  43.     public boolean onCreateOptionsMenu(Menu menu) {  
  44.         // Inflate the menu; this adds items to the action bar if it is present.  
  45.         getMenuInflater().inflate(R.menu.main, menu);  
  46.         return true;  
  47.     }  
  48.   
  49.     /** 
  50.      * onCreateOptionsMenu() 与 onCreateContextMenu()的区别 第一个是普通的可选菜单 第二个是添加上下文的菜单 
  51.      */  
  52.     @Override  
  53.     public void onCreateContextMenu(ContextMenu menu, View v, ContextMenuInfo menuInfo) {  
  54.         // 加载xml中的上下文菜单  
  55.         super.onCreateContextMenu(menu, v, menuInfo);  
  56.         MenuInflater inflate = getMenuInflater();  
  57.         inflate.inflate(R.menu.main, menu);  
  58.     }  
  59.   
  60.     // 响应上下文菜单的操作  
  61.     @Override  
  62.     public boolean onContextItemSelected(MenuItem item) {  
  63.         // TODO Auto-generated method stub  
  64.         switch (item.getItemId()) {  
  65.             case R.id.edit:  
  66.                 Toast.makeText(MainActivity.this"Edit", Toast.LENGTH_LONG).show();  
  67.                 break;  
  68.             case R.id.share:  
  69.                 Toast.makeText(MainActivity.this"share", Toast.LENGTH_LONG).show();  
  70.                 break;  
  71.             case R.id.delete:  
  72.                 Toast.makeText(MainActivity.this"delete", Toast.LENGTH_LONG).show();  
  73.                 break;  
  74.             default:  
  75.                 break;  
  76.         }  
  77.         return super.onContextItemSelected(item);  
  78.     }  
  79.   
  80.     private void initComponent() {  
  81.         listView = (ListView) findViewById(R.id.listView1);  
  82.     }  
  83.   
  84. }  


转载:
http://blog.csdn.net/ahuier/article/details/9972399(谢谢)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
要实现点击外部区域时不关闭 el-dropdown-menu,你可以使用 `visible` 属性和 `click` 事件来控制菜单的显示和隐藏。 首先,在 `el-dropdown` 组件中,将 `visible` 属性绑定到一个变量,例如 `isMenuVisible`。然后,使用 `@click` 事件监听整个页面的点击事件,当点击事件触发时,判断点击的目标元素是否在 `el-dropdown-menu` 内部,如果是,则不做任何操作;如果不是,则将 `isMenuVisible` 设置为 `false`,从而关闭菜单。 以下是一个示例代码: ```html <template> <el-dropdown :visible="isMenuVisible" @click.native.stop=""> <span class="el-dropdown-link">下拉菜单</span> <el-dropdown-menu slot="dropdown"> <el-dropdown-item>菜单项1</el-dropdown-item> <el-dropdown-item>菜单项2</el-dropdown-item> <el-dropdown-item>菜单项3</el-dropdown-item> </el-dropdown-menu> </el-dropdown> </template> <script> export default { data() { return { isMenuVisible: false }; }, mounted() { document.addEventListener('click', this.handleOutsideClick); }, beforeUnmount() { document.removeEventListener('click', this.handleOutsideClick); }, methods: { handleOutsideClick(event) { const dropdownMenu = this.$refs.dropdownMenu; if (!dropdownMenu || dropdownMenu.contains(event.target)) { return; } this.isMenuVisible = false; } } }; </script> ``` 在上面的代码中,我们使用 `@click.native.stop=""` 来阻止点击事件冒泡,以避免触发 document 的点击事件。 请注意,上述代码仅为示例,具体实现可能会根据你的项目结构和需求有所调整。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值