Android弹出式菜单-一种简单的实现方式

2024-08-22 18:18

本文主要是介绍Android弹出式菜单-一种简单的实现方式,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

最近在使用百度阅读看书,发现上边有个有趣的小东西,就是弹出式菜单,还附有声音。其实,这种弹出式菜单,早些时候还是挺火的,不少app都有这样的一个菜单效果;最近貌似少见了些。这里就提供一种简单的实现方式

上图

这里写图片描述

效果分析

当没有菜单没有展示时,点击图标,菜单向上弹出,并有回弹的效果

当菜单已经展示时,点击图标,菜单回收;点击相应的菜单,菜单收回,调用定义的接口

实现

1 该类继承RelativeLayout

2 将菜单相应的添加到该自定义View上:图标最后添加,保证在最上层;其他菜单被覆盖在下方

3 点击事件的处理:因为这只是一种简单的实现,并没有添加触摸拖动的效果等,可以通过设置每个子view的OnClickListener事件来实现

4 弹出效果:可以通过属性位移动画实现;通过设置属性动画的Interpolator(插值器)为OvershootInterpolator,就会产生回弹效果。google官方提供了一系列的插值器,可以满足大部分的需要;当然也可以根据需要实现自己的插值器

5 事件回调:可以通过定义接口,在需要该view的地方,实现该接口,即可获取每个菜单的操作响应(至于接口需要返回什么参数,这个可以根据实际情况来决定);这里我只是简单的返回一个int值,代表某个菜单的点击

关键代码

// 弹出菜单
protected void showMenu() {ObjectAnimator firstAnimator = ObjectAnimator.ofFloat(firstView,"translationY", 0, -(height + 80) * 3);ObjectAnimator secondAnimator = ObjectAnimator.ofFloat(secondView,"translationY", 0, -(height + 80) * 2);ObjectAnimator thirdAnimator = ObjectAnimator.ofFloat(thirdView,"translationY", 0, -(height + 80) * 1);AnimatorSet animatorSet = new AnimatorSet();animatorSet.setDuration(500);animatorSet.setInterpolator(new OvershootInterpolator());animatorSet.playTogether(firstAnimator, secondAnimator, thirdAnimator);animatorSet.addListener(new AnimatorListenerAdapter() {@Overridepublic void onAnimationEnd(Animator animation) {super.onAnimationEnd(animation);isAnimating = false;}});animatorSet.start();}
// 隐藏菜单
protected void hideMenu() {ObjectAnimator firstAnimator = ObjectAnimator.ofFloat(firstView,"translationY", firstView.getTranslationY(), 0);ObjectAnimator secondAnimator = ObjectAnimator.ofFloat(secondView,"translationY", secondView.getTranslationY(), 0);ObjectAnimator thirdAnimator = ObjectAnimator.ofFloat(thirdView,"translationY", thirdView.getTranslationY(), 0);AnimatorSet animatorSet = new AnimatorSet();animatorSet.setDuration(500);animatorSet.setInterpolator(new AccelerateDecelerateInterpolator());animatorSet.playTogether(firstAnimator, secondAnimator, thirdAnimator);animatorSet.addListener(new AnimatorListenerAdapter() {@Overridepublic void onAnimationEnd(Animator animation) {super.onAnimationEnd(animation);isAnimating = false;}});animatorSet.start();}

联想

现在这种弹出式菜单有很多的开源框架,实现的效果也是多种多样。我们可以在这个实现的思路上,进一步拓展

弹出方式:三角形,十字形,圆形等

下载地址

源码下载

这篇关于Android弹出式菜单-一种简单的实现方式的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1097029

相关文章

Vue项目的甘特图组件之dhtmlx-gantt使用教程和实现效果展示(推荐)

《Vue项目的甘特图组件之dhtmlx-gantt使用教程和实现效果展示(推荐)》文章介绍了如何使用dhtmlx-gantt组件来实现公司的甘特图需求,并提供了一个简单的Vue组件示例,文章还分享了一... 目录一、首先 npm 安装插件二、创建一个vue组件三、业务页面内 引用自定义组件:四、dhtmlx

linux打包解压命令方式

《linux打包解压命令方式》文章介绍了Linux系统中常用的打包和解压命令,包括tar和zip,使用tar命令可以创建和解压tar格式的归档文件,使用zip命令可以创建和解压zip格式的压缩文件,每... 目录Lijavascriptnux 打包和解压命令打包命令解压命令总结linux 打包和解压命令打

Vue ElementUI中Upload组件批量上传的实现代码

《VueElementUI中Upload组件批量上传的实现代码》ElementUI中Upload组件批量上传通过获取upload组件的DOM、文件、上传地址和数据,封装uploadFiles方法,使... ElementUI中Upload组件如何批量上传首先就是upload组件 <el-upl

Docker部署Jenkins持续集成(CI)工具的实现

《Docker部署Jenkins持续集成(CI)工具的实现》Jenkins是一个流行的开源自动化工具,广泛应用于持续集成(CI)和持续交付(CD)的环境中,本文介绍了使用Docker部署Jenkins... 目录前言一、准备工作二、设置变量和目录结构三、配置 docker 权限和网络四、启动 Jenkins

Android开发中gradle下载缓慢的问题级解决方法

《Android开发中gradle下载缓慢的问题级解决方法》本文介绍了解决Android开发中Gradle下载缓慢问题的几种方法,本文给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧... 目录一、网络环境优化二、Gradle版本与配置优化三、其他优化措施针对android开发中Gradle下载缓慢的问

Python3脚本实现Excel与TXT的智能转换

《Python3脚本实现Excel与TXT的智能转换》在数据处理的日常工作中,我们经常需要将Excel中的结构化数据转换为其他格式,本文将使用Python3实现Excel与TXT的智能转换,需要的可以... 目录场景应用:为什么需要这种转换技术解析:代码实现详解核心代码展示改进点说明实战演练:从Excel到

Python中常用的四种取整方式分享

《Python中常用的四种取整方式分享》在数据处理和数值计算中,取整操作是非常常见的需求,Python提供了多种取整方式,本文为大家整理了四种常用的方法,希望对大家有所帮助... 目录引言向零取整(Truncate)向下取整(Floor)向上取整(Ceil)四舍五入(Round)四种取整方式的对比综合示例应

如何使用CSS3实现波浪式图片墙

《如何使用CSS3实现波浪式图片墙》:本文主要介绍了如何使用CSS3的transform属性和动画技巧实现波浪式图片墙,通过设置图片的垂直偏移量,并使用动画使其周期性地改变位置,可以创建出动态且具有波浪效果的图片墙,同时,还强调了响应式设计的重要性,以确保图片墙在不同设备上都能良好显示,详细内容请阅读本文,希望能对你有所帮助...

C# string转unicode字符的实现

《C#string转unicode字符的实现》本文主要介绍了C#string转unicode字符的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随... 目录1. 获取字符串中每个字符的 Unicode 值示例代码:输出:2. 将 Unicode 值格式化

python安装whl包并解决依赖关系的实现

《python安装whl包并解决依赖关系的实现》本文主要介绍了python安装whl包并解决依赖关系的实现,文中通过图文示例介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面... 目录一、什么是whl文件?二、我们为什么需要使用whl文件来安装python库?三、我们应该去哪儿下