android 利用属性动画实现酷炫的圆形菜单

2024-05-13 17:38

本文主要是介绍android 利用属性动画实现酷炫的圆形菜单,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

废话不哆嗦,直接上代码,反正也差不多没人看,就自己记录下咯




package com.example.testroundmenu;import android.animation.ObjectAnimator;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.animation.RotateAnimation;
import android.widget.ImageView;
import android.widget.RelativeLayout;
import android.widget.Toast;public class Main extends Activity {//下标分别是从下到上,从左到右private RelativeLayout rl_1, rl_2, rl_3;private ImageView iv_rl1_home, iv_rl2_1, iv_rl2_2, iv_rl2_3, iv_rl3_1,iv_rl3_2, iv_rl3_3, iv_rl3_4, iv_rl3_5, iv_rl3_6, iv_rl3_7;private boolean isMidleMenuShow = true;private boolean isOutMenuShow = true;@Overrideprotected void onCreate(Bundle savedInstanceState) {// TODO Auto-generated method stubsuper.onCreate(savedInstanceState);setContentView(R.layout.main);initView();}private void initView() {MyListener listener = new MyListener();// 初始化控件,简单起见,并没有直接在xml中声明点击函数rl_1 = (RelativeLayout) findViewById(R.id.rl_1);rl_2 = (RelativeLayout) findViewById(R.id.rl_2);rl_3 = (RelativeLayout) findViewById(R.id.rl_3);iv_rl1_home = (ImageView) findViewById(R.id.iv_home);iv_rl2_1 = (ImageView) findViewById(R.id.iv_search);iv_rl2_2 = (ImageView) findViewById(R.id.iv_menu);iv_rl2_3 = (ImageView) findViewById(R.id.iv_myyouku);iv_rl3_1 = (ImageView) findViewById(R.id.iv_out_1);iv_rl3_2 = (ImageView) findViewById(R.id.iv_out_2);iv_rl3_3 = (ImageView) findViewById(R.id.iv_out_3);iv_rl3_4 = (ImageView) findViewById(R.id.iv_out_4);iv_rl3_5 = (ImageView) findViewById(R.id.iv_out_5);iv_rl3_6 = (ImageView) findViewById(R.id.iv_out_6);iv_rl3_7 = (ImageView) findViewById(R.id.iv_out_7);// 添加点击监听iv_rl1_home.setOnClickListener(listener);iv_rl2_1.setOnClickListener(listener);iv_rl2_2.setOnClickListener(listener);iv_rl2_3.setOnClickListener(listener);iv_rl3_1.setOnClickListener(listener);iv_rl3_2.setOnClickListener(listener);iv_rl3_3.setOnClickListener(listener);iv_rl3_4.setOnClickListener(listener);iv_rl3_5.setOnClickListener(listener);iv_rl3_6.setOnClickListener(listener);iv_rl3_7.setOnClickListener(listener);}/*** @author kk_imgod imageview 的监听函数*/public class MyListener implements OnClickListener {@Overridepublic void onClick(View v) {// TODO Auto-generated method stubswitch (v.getId()) {case R.id.iv_home:if (isMidleMenuShow) {isMidleMenuShow = false;animatrHiden(rl_2, 500);//如果最外层的菜单还在显示的话,那就一起隐藏if(isOutMenuShow) {animatrHiden(rl_3, 1000);isOutMenuShow = false;} } else {isMidleMenuShow = true;animatrShow(rl_2, 500);}showToast("HOME");break;case R.id.iv_menu:showToast("我的菜单");if(isOutMenuShow) {animatrHiden(rl_3, 1000);isOutMenuShow = false;} else {animatrShow(rl_3, 1000);isOutMenuShow = true;}break;case R.id.iv_search:showToast("我的搜索");break;case R.id.iv_myyouku:showToast("我的优酷");break;case R.id.iv_out_1:showToast("第一个");break;case R.id.iv_out_2:showToast("第二个");break;case R.id.iv_out_3:showToast("第三个");break;case R.id.iv_out_4:showToast("第四个");break;case R.id.iv_out_5:showToast("第五个");break;case R.id.iv_out_6:showToast("第六个");break;case R.id.iv_out_7:showToast("第七个");break;default:break;}}}/*** @param text*            显示吐司的文本*/public void showToast(String text) {Toast.makeText(Main.this, text, Toast.LENGTH_SHORT).show();}/*** 让视图动画显示出来,180-360度*/public void animatrShow(View view, long durction) {ObjectAnimator objectAnimator = ObjectAnimator.ofFloat(view,"rotation", 180f, 360f );//设置旋转点view.setPivotX(view.getWidth() / 2);view.setPivotY(view.getHeight());objectAnimator.setDuration(durction).start();}/*** 让视图动画隐藏起来 0-180度*/public void animatrHiden(View view, long durction) {ObjectAnimator objectAnimator = ObjectAnimator.ofFloat(view,"rotation", 0f, 180f);//设置动画的旋转点view.setPivotX(view.getWidth() / 2);view.setPivotY(view.getHeight());objectAnimator.setDuration(durction).start();}//下面的这种隐藏和显示动画的效果是传统动画,没有交互效果/*** @param view 0-180让视图隐藏*/public static void startAnimout(RelativeLayout view) {// TODO Auto-generated method stubRotateAnimation rotateAnimation = new RotateAnimation(0, 180,view.getWidth() / 2, view.getHeight());rotateAnimation.setDuration(500);rotateAnimation.setFillAfter(true);view.startAnimation(rotateAnimation);}/*** @param view 180-360让视图出现*/public static void startAnimin(RelativeLayout view) {// TODO Auto-generated method stubRotateAnimation rotateAnimation = new RotateAnimation(180, 360,view.getWidth() / 2, view.getHeight());rotateAnimation.setDuration(500);rotateAnimation.setFillAfter(true);view.startAnimation(rotateAnimation);}
}
关键性代码:设置旋转点

//设置旋转点view.setPivotX(view.getWidth() / 2);view.setPivotY(view.getHeight());

资源以及demo的地址: DEMO

这篇关于android 利用属性动画实现酷炫的圆形菜单的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



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

相关文章

Spring Boot 实现 IP 限流的原理、实践与利弊解析

《SpringBoot实现IP限流的原理、实践与利弊解析》在SpringBoot中实现IP限流是一种简单而有效的方式来保障系统的稳定性和可用性,本文给大家介绍SpringBoot实现IP限... 目录一、引言二、IP 限流原理2.1 令牌桶算法2.2 漏桶算法三、使用场景3.1 防止恶意攻击3.2 控制资源

springboot下载接口限速功能实现

《springboot下载接口限速功能实现》通过Redis统计并发数动态调整每个用户带宽,核心逻辑为每秒读取并发送限定数据量,防止单用户占用过多资源,确保整体下载均衡且高效,本文给大家介绍spring... 目录 一、整体目标 二、涉及的主要类/方法✅ 三、核心流程图解(简化) 四、关键代码详解1️⃣ 设置

Nginx 配置跨域的实现及常见问题解决

《Nginx配置跨域的实现及常见问题解决》本文主要介绍了Nginx配置跨域的实现及常见问题解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来... 目录1. 跨域1.1 同源策略1.2 跨域资源共享(CORS)2. Nginx 配置跨域的场景2.1

Python中提取文件名扩展名的多种方法实现

《Python中提取文件名扩展名的多种方法实现》在Python编程中,经常会遇到需要从文件名中提取扩展名的场景,Python提供了多种方法来实现这一功能,不同方法适用于不同的场景和需求,包括os.pa... 目录技术背景实现步骤方法一:使用os.path.splitext方法二:使用pathlib模块方法三

Python打印对象所有属性和值的方法小结

《Python打印对象所有属性和值的方法小结》在Python开发过程中,调试代码时经常需要查看对象的当前状态,也就是对象的所有属性和对应的值,然而,Python并没有像PHP的print_r那样直接提... 目录python中打印对象所有属性和值的方法实现步骤1. 使用vars()和pprint()2. 使

CSS实现元素撑满剩余空间的五种方法

《CSS实现元素撑满剩余空间的五种方法》在日常开发中,我们经常需要让某个元素占据容器的剩余空间,本文将介绍5种不同的方法来实现这个需求,并分析各种方法的优缺点,感兴趣的朋友一起看看吧... css实现元素撑满剩余空间的5种方法 在日常开发中,我们经常需要让某个元素占据容器的剩余空间。这是一个常见的布局需求

HTML5 getUserMedia API网页录音实现指南示例小结

《HTML5getUserMediaAPI网页录音实现指南示例小结》本教程将指导你如何利用这一API,结合WebAudioAPI,实现网页录音功能,从获取音频流到处理和保存录音,整个过程将逐步... 目录1. html5 getUserMedia API简介1.1 API概念与历史1.2 功能与优势1.3

Java实现删除文件中的指定内容

《Java实现删除文件中的指定内容》在日常开发中,经常需要对文本文件进行批量处理,其中,删除文件中指定内容是最常见的需求之一,下面我们就来看看如何使用java实现删除文件中的指定内容吧... 目录1. 项目背景详细介绍2. 项目需求详细介绍2.1 功能需求2.2 非功能需求3. 相关技术详细介绍3.1 Ja

使用Python和OpenCV库实现实时颜色识别系统

《使用Python和OpenCV库实现实时颜色识别系统》:本文主要介绍使用Python和OpenCV库实现的实时颜色识别系统,这个系统能够通过摄像头捕捉视频流,并在视频中指定区域内识别主要颜色(红... 目录一、引言二、系统概述三、代码解析1. 导入库2. 颜色识别函数3. 主程序循环四、HSV色彩空间详解

PostgreSQL中MVCC 机制的实现

《PostgreSQL中MVCC机制的实现》本文主要介绍了PostgreSQL中MVCC机制的实现,通过多版本数据存储、快照隔离和事务ID管理实现高并发读写,具有一定的参考价值,感兴趣的可以了解一下... 目录一 MVCC 基本原理python1.1 MVCC 核心概念1.2 与传统锁机制对比二 Postg