仿宝宝树孕育的圆形ListView的实现

2024-08-31 13:08

本文主要是介绍仿宝宝树孕育的圆形ListView的实现,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

仿宝宝树孕育的圆形ListView的实现

宝宝树孕育首页有一个圆形的转盘,可以旋转,点击,快速滑动等功能,选择某一项后,可以很平滑地显示选择项。如图所示:

这里写图片描述

参考别人写的类似圆形的组件,都不能很好的实现该功能,只好在别人的基础上做一些修改。该组件继承自ViewGroup类,并重写了它的onMeasure和onLayout方法。

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {int maxChildWidth = 0;int maxChildHeight = 0;// Measure once to find the maximum child size.int childWidthMeasureSpec = MeasureSpec.makeMeasureSpec(MeasureSpec.getSize(widthMeasureSpec), MeasureSpec.AT_MOST);int childHeightMeasureSpec = MeasureSpec.makeMeasureSpec(MeasureSpec.getSize(widthMeasureSpec), MeasureSpec.AT_MOST);final int count = getChildCount();for (int i = 0; i < count; i++) {final View child = getChildAt(i);if (child.getVisibility() == GONE) {continue;}child.measure(childWidthMeasureSpec, childHeightMeasureSpec);maxChildWidth = Math.max(maxChildWidth, child.getMeasuredWidth());maxChildHeight = Math.max(maxChildHeight, child.getMeasuredHeight());}// Measure again for each child to be exactly the same size.childWidthMeasureSpec = MeasureSpec.makeMeasureSpec(maxChildWidth,MeasureSpec.EXACTLY);childHeightMeasureSpec = MeasureSpec.makeMeasureSpec(maxChildHeight,MeasureSpec.EXACTLY);for (int i = 0; i < count; i++) {final View child = getChildAt(i);if (child.getVisibility() == GONE) {continue;}child.measure(childWidthMeasureSpec, childHeightMeasureSpec);}setMeasuredDimension(resolveSize(maxChildWidth, widthMeasureSpec),resolveSize(maxChildHeight, heightMeasureSpec));}@Overrideprotected void onLayout(boolean changed, int l, int t, int r, int b) {int layoutWidth = r - l;int layoutHeight = b - t;// Laying out the child viewsfinal int childCount = getChildCount();int left, top;radius = (layoutWidth <= layoutHeight) ? layoutWidth * 2 / 5: layoutHeight * 2 / 5;childWidth = radius;childHeight = radius / 2;float angleDelay = 360.0f / getChildCount();for (int i = 0; i < childCount; i++) {final ItemView child = (ItemView) getChildAt(i);if (child.getVisibility() == GONE) {continue;}if (angle > 360) {angle -= 360;} else {if (angle < 0) {angle += 360;}}child.setPosition(i);left = Math.round((float) (((layoutWidth / 2) - childWidth / 2) + radius* Math.cos(Math.toRadians(angle))));top = Math.round((float) (((layoutHeight / 2) - childHeight / 2) + radius* Math.sin(Math.toRadians(angle))));child.layout(left, top, left + childWidth, top + childHeight);angle += angleDelay;}}

并规定组件的正下方为旋转基准,通过记录旋转的角度值来计算旋转了几圈。组件写死了六个View,这六个View根据旋转的角度和勾股定理公式来刷新它的位置,并显示不同的数据:

 private void setItems() {removeAllViews();for (int i = 0; i < ITEM_COUNT; i++) {ItemView itemView = new ItemView(getContext());itemView.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));itemView.setPosition(i);itemView.setText(null);itemView.setTextVisible(true);itemView.setTextColor(textColor);itemView.setTextSize(textSize);itemView.setSmallText(null);if (i == 0) {itemView.setDataIndex(0);itemView.setIncreaseId(0);} else {itemView.setDataIndex(ITEM_COUNT - i);itemView.setIncreaseId(ITEM_COUNT - i);}addView(itemView, i);}}

该组件通过GestureDetector类来监听手势的tap事件,通过重写ViewGroup的onTouchEvent方法来监听用户的点击和滑动事件:

  @Overridepublic boolean onTouchEvent(@NonNull MotionEvent event) {if (isEnabled()) {gestureDetector.onTouchEvent(event);if (isRotating) {switch (event.getAction()) {case MotionEvent.ACTION_DOWN:if (circleUpView != null && inRangeOfView(circleUpView, event)) {return false;}// reset the touched quadrantsfor (int i = 0; i < quadrantTouched.length; i++) {quadrantTouched[i] = false;}stopAnimation();touchStartAngle = getPositionAngle(event.getX(),event.getY());didMove = false;break;case MotionEvent.ACTION_MOVE:if (circleUpView != null && inRangeOfView(circleUpView, event)) {return false;}double currentAngle = getPositionAngle(event.getX(),event.getY());float deltAngle = (float) (touchStartAngle - currentAngle);if (deltAngle < 0) {//anti clockwiseif (isFirstItem) {return false;}} else if (deltAngle > 0) {//clockwiseif (isEndItem) {return false;}}rotateButtons(deltAngle);touchStartAngle = currentAngle;didMove = true;break;case MotionEvent.ACTION_UP:if (didMove) {rotateViewToCenter((ItemView) getChildAt(selected));}break;}}// set the touched quadrant to truequadrantTouched[getPositionQuadrant(event.getX()- (circleWidth / 2), circleHeight - event.getY()- (circleHeight / 2))] = true;return true;}return false;}

组件的平滑移动是通过ObjectAnimator和NineOldAndroids来实现的:

 private void animateTo(float endDegree, long duration) {if (animator != null && animator.isRunning()|| Math.abs(angle - endDegree) < 1) {return;}animator = ObjectAnimator.ofFloat(this, "angle", angle,endDegree);animator.setDuration(duration);animator.setInterpolator(new DecelerateInterpolator());animator.addListener(new Animator.AnimatorListener() {private boolean wasCanceled = false;@Overridepublic void onAnimationStart(Animator animation) {}@Overridepublic void onAnimationRepeat(Animator animation) {}@Overridepublic void onAnimationEnd(Animator animation) {if (wasCanceled) {return;}if (onRotationFinishedListener != null) {onRotationFinishedListener.onRotationFinished(getSelectedItem());}}@Overridepublic void onAnimationCancel(Animator animation) {wasCanceled = true;}});animator.start();}

该组件整体上实现了相似功能,但和宝宝孕育树相比还是有一点瑕疵,不过整体效果是可以的。
这里写图片描述

本项目已经托管到github上面,详细说明和源码直接clone下来就可以。

github项目地址

这篇关于仿宝宝树孕育的圆形ListView的实现的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



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

相关文章

hdu1043(八数码问题,广搜 + hash(实现状态压缩) )

利用康拓展开将一个排列映射成一个自然数,然后就变成了普通的广搜题。 #include<iostream>#include<algorithm>#include<string>#include<stack>#include<queue>#include<map>#include<stdio.h>#include<stdlib.h>#include<ctype.h>#inclu

【C++】_list常用方法解析及模拟实现

相信自己的力量,只要对自己始终保持信心,尽自己最大努力去完成任何事,就算事情最终结果是失败了,努力了也不留遗憾。💓💓💓 目录   ✨说在前面 🍋知识点一:什么是list? •🌰1.list的定义 •🌰2.list的基本特性 •🌰3.常用接口介绍 🍋知识点二:list常用接口 •🌰1.默认成员函数 🔥构造函数(⭐) 🔥析构函数 •🌰2.list对象

【Prometheus】PromQL向量匹配实现不同标签的向量数据进行运算

✨✨ 欢迎大家来到景天科技苑✨✨ 🎈🎈 养成好习惯,先赞后看哦~🎈🎈 🏆 作者简介:景天科技苑 🏆《头衔》:大厂架构师,华为云开发者社区专家博主,阿里云开发者社区专家博主,CSDN全栈领域优质创作者,掘金优秀博主,51CTO博客专家等。 🏆《博客》:Python全栈,前后端开发,小程序开发,人工智能,js逆向,App逆向,网络系统安全,数据分析,Django,fastapi

让树莓派智能语音助手实现定时提醒功能

最初的时候是想直接在rasa 的chatbot上实现,因为rasa本身是带有remindschedule模块的。不过经过一番折腾后,忽然发现,chatbot上实现的定时,语音助手不一定会有响应。因为,我目前语音助手的代码设置了长时间无应答会结束对话,这样一来,chatbot定时提醒的触发就不会被语音助手获悉。那怎么让语音助手也具有定时提醒功能呢? 我最后选择的方法是用threading.Time

Android实现任意版本设置默认的锁屏壁纸和桌面壁纸(两张壁纸可不一致)

客户有些需求需要设置默认壁纸和锁屏壁纸  在默认情况下 这两个壁纸是相同的  如果需要默认的锁屏壁纸和桌面壁纸不一样 需要额外修改 Android13实现 替换默认桌面壁纸: 将图片文件替换frameworks/base/core/res/res/drawable-nodpi/default_wallpaper.*  (注意不能是bmp格式) 替换默认锁屏壁纸: 将图片资源放入vendo

C#实战|大乐透选号器[6]:实现实时显示已选择的红蓝球数量

哈喽,你好啊,我是雷工。 关于大乐透选号器在前面已经记录了5篇笔记,这是第6篇; 接下来实现实时显示当前选中红球数量,蓝球数量; 以下为练习笔记。 01 效果演示 当选择和取消选择红球或蓝球时,在对应的位置显示实时已选择的红球、蓝球的数量; 02 标签名称 分别设置Label标签名称为:lblRedCount、lblBlueCount

Kubernetes PodSecurityPolicy:PSP能实现的5种主要安全策略

Kubernetes PodSecurityPolicy:PSP能实现的5种主要安全策略 1. 特权模式限制2. 宿主机资源隔离3. 用户和组管理4. 权限提升控制5. SELinux配置 💖The Begin💖点点关注,收藏不迷路💖 Kubernetes的PodSecurityPolicy(PSP)是一个关键的安全特性,它在Pod创建之前实施安全策略,确保P

工厂ERP管理系统实现源码(JAVA)

工厂进销存管理系统是一个集采购管理、仓库管理、生产管理和销售管理于一体的综合解决方案。该系统旨在帮助企业优化流程、提高效率、降低成本,并实时掌握各环节的运营状况。 在采购管理方面,系统能够处理采购订单、供应商管理和采购入库等流程,确保采购过程的透明和高效。仓库管理方面,实现库存的精准管理,包括入库、出库、盘点等操作,确保库存数据的准确性和实时性。 生产管理模块则涵盖了生产计划制定、物料需求计划、

C++——stack、queue的实现及deque的介绍

目录 1.stack与queue的实现 1.1stack的实现  1.2 queue的实现 2.重温vector、list、stack、queue的介绍 2.1 STL标准库中stack和queue的底层结构  3.deque的简单介绍 3.1为什么选择deque作为stack和queue的底层默认容器  3.2 STL中对stack与queue的模拟实现 ①stack模拟实现

基于51单片机的自动转向修复系统的设计与实现

文章目录 前言资料获取设计介绍功能介绍设计清单具体实现截图参考文献设计获取 前言 💗博主介绍:✌全网粉丝10W+,CSDN特邀作者、博客专家、CSDN新星计划导师,一名热衷于单片机技术探索与分享的博主、专注于 精通51/STM32/MSP430/AVR等单片机设计 主要对象是咱们电子相关专业的大学生,希望您们都共创辉煌!✌💗 👇🏻 精彩专栏 推荐订阅👇🏻 单片机