android+打开菜单,Android制作微信app顶部menu菜单(ActionBar)
使用微信APP的小伙伴对于微信的ActionBar一定有印象,今天就带领大家一起实现以下这个效果。
第一步打开我们的开发工具,这里我使用的是Eclipse+ADT插件,然后创建我们的工程,这里选择Android的最低版本号为3.0或以上。
然后开始我们的"抄袭",首先打开我们微信,我们看到,顶部标题部分,分为左右两部分,左侧为"微信"两字,右侧则为搜索按钮+更多按钮,点击搜索按钮,会出现一个文本输入框。点击更多按钮,则会出现隐藏的menu菜单,分为:添加好友、发起群聊、扫一扫、付款。好了有了设计的框架,我们下面就开始我们的开发。
首先打开我们工程,在MainActivity.java文件中有一个onCreateOptionsMenu方法,这个方法就是初始化创建我们menu菜单的方法。我们可以看到,默认引用的是res-->menu文件夹下的main.xml文件,默认系统为我们生成一个settings按钮,接下来我们就来修改一下这个文件,然后把我们的菜单添加上:
android:id="@+id/search"
android:showAsAction="ifRoom|collapseActionView"
android:actionViewClass="android.widget.SearchView"
android:icon="@drawable/ic_menu_search"
android:title="@string/action_search"/>
android:id="@+id/addFriend"
android:icon="@drawable/ic_menu_rotate"
android:title="@string/menu_addFrideds"/>
android:id="@+id/teamChart"
android:icon="@drawable/ic_menu_refresh"
android:title="@string/menu_teamChart"/>
android:id="@+id/monery"
android:icon="@drawable/ic_menu_preferences"
android:title="@string/menu_getMonery"/>
android:id="@+id/look"
android:icon="@drawable/ic_menu_save"
android:title="@string/menu_look"/>
写好这文件,我还需要在我们的res-->values文件夹下,打开一个文件名为strings.xml的文件,来配置我们的中文常量。
满艺
检索
更多
添加朋友
发起群聊
收款
扫一扫
您好,满艺
到这里我们现在运行我们的程序,局可以看到我们程序的顶部出现了类似微信的效果,左侧是应用图标+应用名称,右侧则是一个搜索按钮+表示更多的按钮。现在我们先来将系统默认自带的更多图标换成,我们定制的一个按钮。打开我们的AndroidManifest.xml,我们会发现系统默认我们应用了一个样式文件android:theme="@style/AppTheme",点击打开这个样式文件,将我们的自定义更多图标添加到样式上:
@style/menuOverflowButtonStyle
@drawable/ic_menu_more
现在我们运行我们的工程,会发现和微信的效果还是有些不同,这是我们就要通过在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制作微信app顶部menu菜单(ActionBar)相关推荐
- Axure制作微信APP原型(三):消息+个人模块----聊天、浮窗、登录设备、个人主页、更多信息
Axure制作微信APP原型(三) APP原型设计是产品经理需要做的工作之一,大家有这个方向和兴趣的可以自己下载一个Axure软件试一下. 可以用已有的APP模型参考设计学习以下,学学人家的界面是怎么 ...
- Android初学二之仿微信APP实现RecyclerView控件的设计开发,实现点击事件及图片瀑布流
目录 0 实验环境 1 界面展示 2 功能说明 3 核心代码 3.1 实现RecyclerView控件的设计开发 3.2 添加了文字库assets 3.3 实现点击事件对item中的每个LinearL ...
- Android开发笔记(二十)顶部导航栏ActionBar
标题栏ActionBar ActionBar是在Android3.0之后引入的,所以Android2.x之前的版本不能直接使用ActionBar.现在ActionBar广泛用做APP的顶部导航栏,它在 ...
- 初探MUI制作微信APP页面(一)
国庆假期,祝大家假期快乐,外面下着雨,在家看着教程,整理笔记,方便备查. 知识学习 MUI 是 dcloud公司html5混合移动应用前端框架,可快速搭建手机原生界面应用开发. 特点: 1)极小.原生 ...
- android打开教程,Android 打开网络上pdf文件
1.基本思路: 打开网络pdf 思路整体还是来源与图片的加载. android中加载网络图片的框架有很多个.如image-laoder, fresco.glide等,首先都是从内存中找图片,如果内存中 ...
- python 公众号菜单_Python脚本--微信公众号自定义菜单的创建及获取
#-*- coding: utf-8 -* importtkMessageBoximporturllib2importjsonimportsys reload(sys) sys.setdefaulte ...
- java 创建自定义菜单_Java实现微信公众号自定义菜单的创建方法示例
本文实例讲述了Java实现微信公众号自定义菜单的创建方法.分享给大家供大家参考,具体如下: 开发公众号的时候可能需要给一些自定义菜单添加事件,比如点击某菜单然后服务端给用户推送信息. 我们也可以使用微 ...
- Android studio课程设计仿微信app开发
在学习安卓app开发之后,每学期都会有课程设计,我们要根据已经学习的知识做出一些东西,下面这个项目就是我做了很久. 1.功能模块 2.注册登陆模块 3.添加好友模块 4.聊天界面 5.朋友圈界面 6. ...
- android 打开屏幕,Android打开屏幕
我制作了由AlarmManager安排活动启动的应用程序.即使屏幕关闭且设备被锁定,我也想出现. 为了达到这一目的,请设置Window标志 final Window win = getWindow() ...
最新文章
- Benchmarking of long-read correction methods长期校正方法的基准测试
- 工业级别sd卡存贮slc mlc tlc
- EL表达式从数组 Map List集合取值
- 学Java好不好 要避开哪些雷区
- 10.10 traceroute:追踪数据传输路由状况
- Linux安装 Screen出现的问题
- js(Dom+Bom)第三天(1)
- Amazon S3 设置对象的生命周期Lifecycle
- 今日恐慌与贪婪指数为54 等级由贪婪转为中立
- 力扣题目——230. 二叉搜索树中第K小的元素
- MD5类加密解密工具类
- Ubuntu18.04 下载与安装(阿里云官方镜像站)
- 宇宙最强API接口调试工具Apipost
- 拯救者Y7000(2018)装黑苹果及90%驱动
- QQ这个版本已经绝版。
- win32com在wps上另存为SaveAs报错
- ps_图片大小精准裁剪
- linux~tar压缩文件夹到指定文件夹 --- 相对路径
- VMware vCenter Server远程代码执行漏洞复现 CVE-2021-21972
- 从个人网站到淘宝网 仰观Java时代淘宝的技术发展
热门文章
- Linux下的多线程下载工具——Axel
- tgp饥荒服务器没有响应,求助, TGP饥荒搭建服务器地面闪退
- 八卦一下模型验证(一)
- 《塞尔达传说》发售 | 历史上的今天
- AMD在量子隐形传输方面取得突破; 量子隐形传态:从物理量子比特到逻辑编码空间 | 全球量子科技与工业快讯第三十五期
- 【静默安装】configToolAllCommands响应文件问题
- Python 之天天向上的魔力
- Arthas, My Son
- 关于腾讯云主机遭遇勒索病毒RANSOMWARE(aariz@airmail.cc)的解决办法
- 基于STM32开发板的循迹小车设计