Android制作微信app顶部menu菜单(ActionBar)

 更新时间:2017年02月25日 10:49:57   作者:小破孩123  
这篇文章主要为大家详细介绍了Android利用ActionBar制作微信app顶部menu菜单,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

使用微信APP的小伙伴对于微信的ActionBar一定有印象,今天就带领大家一起实现以下这个效果。

  第一步打开我们的开发工具,这里我使用的是Eclipse+ADT插件,然后创建我们的工程,这里选择Android的最低版本号为3.0或以上。

  然后开始我们的"抄袭",首先打开我们微信,我们看到,顶部标题部分,分为左右两部分,左侧为"微信"两字,右侧则为搜索按钮+更多按钮,点击搜索按钮,会出现一个文本输入框。点击更多按钮,则会出现隐藏的menu菜单,分为:添加好友、发起群聊、扫一扫、付款。好了有了设计的框架,我们下面就开始我们的开发。

  首先打开我们工程,在MainActivity.java文件中有一个onCreateOptionsMenu方法,这个方法就是初始化创建我们menu菜单的方法。我们可以看到,默认引用的是res-->menu文件夹下的main.xml文件,默认系统为我们生成一个settings按钮,接下来我们就来修改一下这个文件,然后把我们的菜单添加上:

<menu xmlns:android="http://schemas.android.com/apk/res/android" >

 <item
  android:id="@+id/search"
  android:showAsAction="ifRoom|collapseActionView"
  android:actionViewClass="android.widget.SearchView"
  android:icon="@drawable/ic_menu_search"
  android:title="@string/action_search"/>

 <item
  android:id="@+id/addFriend"
  android:icon="@drawable/ic_menu_rotate"
  android:title="@string/menu_addFrideds"/>
 
 <item
  android:id="@+id/teamChart"
  android:icon="@drawable/ic_menu_refresh"
  android:title="@string/menu_teamChart"/>
 
 <item
  android:id="@+id/monery"
  android:icon="@drawable/ic_menu_preferences"
  android:title="@string/menu_getMonery"/>
 
 <item
  android:id="@+id/look"
  android:icon="@drawable/ic_menu_save"
  android:title="@string/menu_look"/>
</menu>

写好这文件,我还需要在我们的res-->values文件夹下,打开一个文件名为strings.xml的文件,来配置我们的中文常量。

<?xml version="1.0" encoding="utf-8"?>
<resources>

 <string name="app_name">满艺</string>
 <string name="action_search">检索</string>
 <string name="action_more">更多</string>
 <string name="menu_addFrideds">添加朋友</string>
 <string name="menu_teamChart">发起群聊</string>
 <string name="menu_getMonery">收款</string>
 <string name="menu_look">扫一扫</string>
 
 <string name="welcome">您好,满艺</string>
 
</resources>

  到这里我们现在运行我们的程序,局可以看到我们程序的顶部出现了类似微信的效果,左侧是应用图标+应用名称,右侧则是一个搜索按钮+表示更多的按钮。现在我们先来将系统默认自带的更多图标换成,我们定制的一个按钮。打开我们的AndroidManifest.xml,我们会发现系统默认我们应用了一个样式文件android:theme="@style/AppTheme",点击打开这个样式文件,将我们的自定义更多图标添加到样式上:

<resources xmlns:android="http://schemas.android.com/apk/res/android">

 <!--
  Base application theme for API 14+. This theme completely replaces
  AppBaseTheme from BOTH res/values/styles.xml and
  res/values-v11/styles.xml on API 14+ devices.
 -->
 <style name="AppBaseTheme" parent="android:Theme.Holo.Light.DarkActionBar">
  <!-- API 14 theme customizations can go here. -->
  <item name="android:actionOverflowButtonStyle">@style/menuOverflowButtonStyle</item>
 </style>
 
 <style name="menuOverflowButtonStyle">
  <item name="android:src">@drawable/ic_menu_more</item>
 </style>

</resources>


  现在我们运行我们的工程,会发现和微信的效果还是有些不同,这是我们就要通过在MainActivity.java文件中,1通过反射机制来设置自定义更多图标显示,2重写onMenuOpened方法来设置每一个menu菜单像微信那样,显示为图标加标题的形式。

package com.example.androidmenuview;

import java.lang.reflect.Field;
import java.lang.reflect.Method;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.ViewConfiguration;
import android.view.Window;
import android.widget.Toast;

public class MainActivity extends Activity {

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  
  setMenuOverflowAlways();
  getActionBar().setDisplayShowHomeEnabled(false);//设置ActionBar应用图标不显示
 }

 //初始化Menu
 @Override
 public boolean onCreateOptionsMenu(Menu menu) {
  menu.add(Menu.NONE,Menu.FIRST+6,7,"新增").setIcon(android.R.drawable.ic_input_add);//手动添加menu菜单
  getMenuInflater().inflate(R.menu.main, menu);
  return true;
 }
 
 //添加Menu的点击事件
 @Override
 public boolean onOptionsItemSelected(MenuItem item) {
  switch (item.getItemId()) {
   case R.id.search:
//   Toast.makeText(this, "检索按钮", Toast.LENGTH_SHORT).show();
   break;
   case R.id.addFriend:
//   Toast.makeText(this, "添加朋友", Toast.LENGTH_SHORT).show();
   break;
   case R.id.teamChart:
//   Toast.makeText(this, "群聊", Toast.LENGTH_SHORT).show();
   break;
   case R.id.look:
//   Toast.makeText(this, "扫一扫", Toast.LENGTH_SHORT).show();
   break;
   case R.id.monery:
//   Toast.makeText(this, "收款", Toast.LENGTH_SHORT).show();
   break;
   case Menu.FIRST+6:
//   Toast.makeText(this, "新增", Toast.LENGTH_SHORT).show();
   break;
   }
  Toast.makeText(this, item.getTitle(), Toast.LENGTH_SHORT).show();
  return super.onOptionsItemSelected(item);
 }
 
 //设置menu菜单的第一个图标显示在标题右上角---使用反射机制来完成
 public void setMenuOverflowAlways(){
  try {
   ViewConfiguration config = ViewConfiguration.get(this);
   Field field = ViewConfiguration.class.getDeclaredField("sHasPermanentMenuKey");
   field.setAccessible(true);
   field.setBoolean(config, false);
  } catch (Exception e) {
   e.printStackTrace();
  }
 }
 
 //设置每个Menu显示为左图标右标题
 @Override
 public boolean onMenuOpened(int featureId, Menu menu) {
  if(featureId == Window.FEATURE_ACTION_BAR && menu != null){
   if(menu.getClass().getSimpleName().equals("MenuBuilder")){
    try {
     Method method = menu.getClass().getDeclaredMethod("setOptionalIconsVisible", Boolean.TYPE);
     method.setAccessible(true);
     method.invoke(menu, true);
    } catch (Exception e) {
     e.printStackTrace();
    } 
   }
  }
  return super.onMenuOpened(featureId, menu);
 }

}

这里我从写了onOptionsItemSelected()方法,从而为每一个menu菜单添加点击事件。

好了到这里关于微信app顶部部分的menu菜单的实现就和大家分享完毕,欢迎一起交流学习。

相关文章

  • Android简单实现启动画面的方法

    Android简单实现启动画面的方法

    这篇文章主要介绍了Android简单实现启动画面的方法,结合实例形式分析了启动画面核心代码及相关函数,具有一定参考借鉴价值,需要的朋友可以参考下
    2016-07-07
  • android基础教程之context使用详解

    android基础教程之context使用详解

    Android中context可以作很多操作,但是最主要的功能是加载和访问资源,下面详解了解一下它的使用方法
    2014-02-02
  • Android实现关机与重启的几种方式(推荐)

    Android实现关机与重启的几种方式(推荐)

    这篇文章主要介绍了Android实现关机与重启的几种方式(推荐)的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-07-07
  • Android控件动态用法实例分析

    Android控件动态用法实例分析

    这篇文章主要介绍了Android控件动态用法,以实例形式较为详细的分析了Android控件动态的具体编程实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10
  • Android自定义View实现仿GitHub的提交活跃表格

    Android自定义View实现仿GitHub的提交活跃表格

    这篇文章主要介绍了Android自定义View实现仿GitHub的提交活跃表格,非常不错,具有参考借鉴价值,需要的的朋友参考下吧
    2017-01-01
  • Android编程实现抽屉效果的方法示例

    Android编程实现抽屉效果的方法示例

    这篇文章主要介绍了Android编程实现抽屉效果的方法,结合具体实例形式分析了Android抽屉效果的布局、功能实现及相关注意事项,需要的朋友可以参考下
    2017-06-06
  • Android12四大组件之Activity生命周期变化详解

    Android12四大组件之Activity生命周期变化详解

    虽然说我们天天都在使用Activity,但是你真的对Activity的生命机制完全了解了吗?Activity的生命周期方法只有七个,但是其实那只是默认的情况。也就是说在其他情况下,Activity的生命周期可能不会是按照我们以前所知道的流程,本章着重讲解Activity的生命周期变化
    2022-07-07
  • 关于Gradle下载失败问题的快速解决方法

    关于Gradle下载失败问题的快速解决方法

    这篇文章主要给大家分享了关于Gradle下载失败问题的快速解决方法,文中介绍了两种解决方法,分别是使用已存在的gradle版本和手动下载gradle,文中介绍的非常详细,需要的朋友们下面来一起看看吧。
    2017-05-05
  • Android studio实现简单计算器的编写

    Android studio实现简单计算器的编写

    这篇文章主要为大家详细介绍了Android studio实现简单计算器的编写,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-05-05
  • Android.mk引入第三方jar包和so库文件的方法

    Android.mk引入第三方jar包和so库文件的方法

    这篇文章主要介绍了Android.mk引入第三方jar包和so库文件的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-05-05

最新评论