Android 自定义菜单示例

原创 于 2014-11-09 10:07:13 发布 · 1k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#Android #布局 #菜单

本文介绍了一种在Android应用中实现自定义菜单的方法。通过监听菜单键并使用PopupWindow显示菜单项，文中提供了详细的步骤说明及示例代码，展示了如何为菜单项添加点击事件。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Android 自定义菜单示例  

转自：http://huolangge.blog.163.com/blog/static/226510048201410995533991/
注：为什么我不直接在csdn上写博客，而是先在网易上写了再转载过来：
因为我是用为知笔记/wps记录实验过程的，写好之后直接就可以发到博客了，优快云 xxx的居然禁用第三方博客客户端，而复制到csdn的网页上，它不能识别图片，直接在网页上的时候又没有在本地那样快捷。但是毕竟技术文章发在csdn上比发在网易上有更多的人可以交流，所以才这么麻烦，真心希望csdn更够更人性化！！！！！

创建Android application project;
创建menu_layout.xml文件;注意必须在此文件中的根linearLayout下添加   android:gravity="bottom"     标签才能显示出来popwindow 
   
   
  1. 
     
     
    1. <?xml version="1.0" encoding="utf-8"?>
    2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    3.  android:layout_width="match_parent"
    4.  android:layout_height="wrap_content"
    5.   android:gravity="bottom"
    6.  android:orientation="horizontal" >
    7. 

    8.  <!-- 第一个菜单项：首页 上面是图片，下面是文字 -->
    9. 

    10.  <LinearLayout
    11.  android:id="@+id/home"
    12.  android:layout_width="match_parent"
    13.  android:layout_height="wrap_content"
    14.  android:orientation="vertical" >
    15. 

    16.  <ImageView
    17.  android:layout_width="match_parent"
    18.  android:layout_height="wrap_content"
    19.  android:src="@drawable/home" />
    20. 

    21.  <TextView
    22.  android:layout_width="match_parent"
    23.  android:layout_height="wrap_content"
    24.  android:text="首页" />
    25.  </LinearLayout>
    26.  <!-- 第二个菜单项：我的 左边是图片，右边是文字 -->
    27. 

    28.  <LinearLayout
    29.  android:layout_width="match_parent"
    30.  android:layout_height="match_parent"
    31.  android:orientation="vertical" >
    32.  </LinearLayout>
    33.  <!-- 第一个菜单项：更多 上面是图片，下面是文字 -->
    34. 

    35.  <LinearLayout
    36.  android:layout_width="match_parent"
    37.  android:layout_height="match_parent"
    38.  android:orientation="vertical" >
    39.  </LinearLayout>
    40. 

    41. </LinearLayout>

在主Activity类里监听“menu”按键的按下事件，然后动态装载menu_layout.xml文件; 
   
   
  1. 
     
     
    1. @Override
    2.  public boolean onKeyDown(int keyCode, KeyEvent event) {
    3.  
    4.  switch (keyCode) {
    5.  case KeyEvent.KEYCODE_MENU:// 按下“menu”按键的动作
    6.  Log.d("tag", "菜单按钮按下");
    7.  // 装载菜单布局文件，没有父窗口，所以第二个参数为null
    8.  layout = getLayoutInflater().inflate(R.layout.menu_layout1, null);
    9.  
    10.  //创建PopupWindow对象，并指定其布局文件和其弹出的位置
    11.  popwindow =new PopupWindow(layout,getWindowManager().getDefaultDisplay().getWidth(),getWindowManager().getDefaultDisplay().getHeight());
    12.  //设置弹出窗口的位置
    13.  popwindow.showAtLocation(layout, Gravity.BOTTOM, 0,0);
    14.  return false;// 如果不返回true/false，则会继续执行super的方法
    15.  case KeyEvent.KEYCODE_BACK:// 按下“back”按键的动作
    16.  return false;// 如果不返回true/false，则会继续执行super的方法
    17.  }
    18.  // 必须调用此方法，以响应其他按键的按下事件
    19.  return super.onKeyDown(keyCode, event);



显示效果如下：
Android 自定义菜单示例 - 到处玩的 - 到处玩的


初步完成雏形，进行优化 menu_layout.xml文件 
   
   
  1. 
     
     
    1. <?xml version="1.0" encoding="utf-8"?>
    2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    3.  android:layout_width="match_parent"
    4.  android:layout_height="wrap_content"
    5.  android:gravity="bottom"
    6.  android:orientation="horizontal" >
    7. 

    8.  <!-- 第一个菜单项：首页 上面是图片，下面是文字 -->
    9. 

    10.  <LinearLayout
    11.  android:id="@+id/home"
    12.  android:layout_width="fill_parent"
    13.  android:layout_height="wrap_content"
    14.  android:layout_weight="1"
    15.  android:background="@drawable/button_normal_translucent"
    16.  android:orientation="vertical" >
    17. 

    18.  <ImageView
    19.  android:layout_width="fill_parent"
    20.  android:layout_height="wrap_content"
    21.  android:paddingTop="5dp"
    22.  android:src="@drawable/home" />
    23. 

    24.  <TextView
    25.  android:layout_width="fill_parent"
    26.  android:layout_height="wrap_content"
    27.  android:gravity="center"
    28.  android:text="首页" />
    29.  </LinearLayout>
    30. 

    31.  <!-- 第二个菜单项：我的 左边是图片，右边是文字 -->
    32. 

    33.  <LinearLayout
    34.  android:layout_width="fill_parent"
    35.  android:layout_height="wrap_content"
    36.  android:layout_weight="1"
    37.  android:background="@drawable/button_normal"
    38.  android:gravity="center"
    39.  android:orientation="horizontal" >
    40. 

    41.  <ImageView
    42.  android:layout_width="wrap_content"
    43.  android:layout_height="wrap_content"
    44.  android:src="@drawable/mine" />
    45. 

    46.  <TextView
    47.  android:layout_width="wrap_content"
    48.  android:layout_height="wrap_content"
    49.  android:text="我的" />
    50.  </LinearLayout>
    51. 

    52.  <!-- 第一个菜单项：更多 上面是图片，下面是文字 -->
    53. 

    54.  <LinearLayout
    55.  android:layout_width="fill_parent"
    56.  android:layout_height="wrap_content"
    57.  android:layout_weight="1"
    58.  android:background="@drawable/button_normal"
    59.  android:orientation="vertical" >
    60. 

    61.  <ImageView
    62.  android:layout_width="fill_parent"
    63.  android:layout_height="wrap_content"
    64.  android:paddingTop="18dp"
    65.  android:src="@drawable/more" />
    66. 

    67.  <TextView
    68.  android:layout_width="fill_parent"
    69.  android:layout_height="wrap_content"
    70.  android:gravity="center"
    71.  android:paddingTop="5dp"
    72.  android:text="更多" />
    73.  </LinearLayout>
    74. 

    75. </LinearLayout>


最后的效果：
Android 自定义菜单示例 - 到处玩的 - 到处玩的 

这时还没有给选项添加点击事件，作为示例，给“首页”选项添加一个点击事件 
   
   
  1. 
     
     
    1. // 设置弹出窗口的位置
    2.  popwindow.showAtLocation(layout, Gravity.BOTTOM, 0, 0);
    3. 

    4.  // "首页"按钮的点击事件，用onClickListerner模拟
    5.  View home = layout.findViewById(R.id.home);
    6.  home.setOnClickListener(new View.OnClickListener() {
    7. 

    8.  @Override
    9.  public void onClick(View v) {
    10.  Toast.makeText(getApplicationContext(), "恭喜，自定义菜单点击成功", 0)
    11.  .show();
    12.  popwindow.dismiss();// 关闭弹出菜单
    13.  }
    14.  });
效果如下：点击选项之后弹出菜单就消失了
Android 自定义菜单示例 - 到处玩的 - 到处玩的 

还有一个问题就是，弹出菜单之后，如果不点击选项，怎么退出弹出菜单，答案是监听back按键，这时，需要一个状态变量标志菜单是否弹出。
最后的完整代码如下： 
  
  
  1. 
    
    
    1. package com.tops.custommenudemo;
    2. 

    3. import android.support.v7.app.ActionBarActivity;
    4. import android.os.Bundle;
    5. import android.util.Log;
    6. import android.view.Gravity;
    7. import android.view.KeyEvent;
    8. import android.view.Menu;
    9. import android.view.MenuItem;
    10. import android.view.View;
    11. import android.widget.PopupWindow;
    12. import android.widget.Toast;
    13. 

    14. public class MainActivity extends ActionBarActivity {
    15. 

    16.  private View layout;
    17.  private PopupWindow popwindow;
    18.  private int state = 0;// 标志菜单是否弹出，0为没有弹出，1为弹出
    19. 

    20.  @Override
    21.  protected void onCreate(Bundle savedInstanceState) {
    22.  super.onCreate(savedInstanceState);
    23.  setContentView(R.layout.activity_main);
    24.  }
    25. 

    26.  @Override
    27.  public boolean onKeyDown(int keyCode, KeyEvent event) {
    28. 

    29.  switch (keyCode) {
    30.  case KeyEvent.KEYCODE_MENU:// 按下“menu”按键的动作
    31.  // Log.d("tag", "菜单按钮按下");
    32.  if (state == 1)
    33.  return false;// 菜单已弹出，不处理
    34. 

    35.  // 装载菜单布局文件，没有父窗口，所以第二个参数为null
    36.  layout = getLayoutInflater().inflate(R.layout.menu_layout1, null);
    37. 

    38.  // 创建PopupWindow对象，并指定其布局文件和其弹出的位置
    39.  popwindow = new PopupWindow(layout, getWindowManager()
    40.  .getDefaultDisplay().getWidth(), getWindowManager()
    41.  .getDefaultDisplay().getHeight());
    42.  // 设置弹出窗口的位置
    43.  popwindow.showAtLocation(layout, Gravity.BOTTOM, 0, 0);
    44. 

    45.  // "首页"按钮的点击事件，用onClickListerner模拟
    46.  View home = layout.findViewById(R.id.home);
    47.  home.setOnClickListener(new View.OnClickListener() {
    48. 

    49.  @Override
    50.  public void onClick(View v) {
    51.  Toast.makeText(getApplicationContext(), "恭喜，自定义菜单点击成功", 0)
    52.  .show();
    53.  popwindow.dismiss();// 关闭弹出菜单
    54.  state = 0;// 更改标志为未弹出菜单
    55.  }
    56.  });
    57.  state = 1;// 更改标志为已弹出菜单
    58.  return false;// 如果不返回true/false，则会继续执行super的方法
    59. 

    60.  case KeyEvent.KEYCODE_BACK:// 按下“back”按键的动作
    61.  if (state == 1) {
    62.  popwindow.dismiss();
    63.  state = 0;// 更改标志为未弹出菜单
    64.  } else if (state == 0) {// 这里不能直接写else就finish(),如果有其他情况还要交给后面的系统去处理
    65.  finish();
    66.  }
    67.  return false;// 如果不返回true/false，则会继续执行super的方法
    68.  }
    69.  // 必须调用此方法，以响应其他按键的按下事件
    70.  return super.onKeyDown(keyCode, event);
    71. 

    72.  }
    73. 

    74.  // @Override
    75.  // public boolean onCreateOptionsMenu(Menu menu) {
    76.  // // Inflate the menu; this adds items to the action bar if it is present.
    77.  // getMenuInflater().inflate(R.menu.main, menu);
    78.  // return true;
    79.  // }
    80.  //
    81.  // @Override
    82.  // public boolean onOptionsItemSelected(MenuItem item) {
    83.  // // Handle action bar item clicks here. The action bar will
    84.  // // automatically handle clicks on the Home/Up button, so long
    85.  // // as you specify a parent activity in AndroidManifest.xml.
    86.  // int id = item.getItemId();
    87.  // if (id == R.id.action_settings) {
    88.  // return true;
    89.  // }
    90.  // return super.onOptionsItemSelected(item);
    91.  // }
    92. }
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值