Android 自定义ViewGroup手把手教你实现ArcMenu

最新推荐文章于 2024-05-17 21:33:54 发布
最新推荐文章于 2024-05-17 21:33:54 发布
阅读量285 收藏 17
点赞数 10
分类专栏： 程序员 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84415451/article/details/138342097
版权
3、在自定义的ViewGroup中获取这些属性

Arcmenu.java

/**

  • @author zhy

*/

public class ArcMenu extends ViewGroup implements OnClickListener

{

private static final String TAG = “ArcMenu”;

/**

  • 菜单的显示位置

*/

private Position mPosition = Position.LEFT_TOP;

/**

  • 菜单显示的半径，默认100dp

*/

private int mRadius = 100;

/**

  • 用户点击的按钮

*/

private View mButton;

/**

  • 当前ArcMenu的状态

*/

private Status mCurrentStatus = Status.CLOSE;

/**

  • 回调接口

*/

private OnMenuItemClickListener onMenuItemClickListener;

/**

  • 状态的枚举类

  • @author zhy

*/

public enum Status

{

OPEN, CLOSE

}

/**

  • 设置菜单现实的位置，四选1，默认右下

  • @author zhy

*/

public enum Position

{

LEFT_TOP, RIGHT_TOP, RIGHT_BOTTOM, LEFT_BOTTOM;

}

public interface OnMenuItemClickListener

{

void onClick(View view, int pos);

}

public ArcMenu(Context context)

{

this(context, null);

}

public ArcMenu(Context context, AttributeSet attrs)

{

this(context, attrs, 0);

}

/**

  • 初始化属性

  • @param context

  • @param attrs

  • @param defStyle

*/

public ArcMenu(Context context, AttributeSet attrs, int defStyle)

{

super(context, attrs, defStyle);

// dp convert to px

mRadius = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,

mRadius, getResources().getDisplayMetrics());

TypedArray a = context.getTheme().obtainStyledAttributes(attrs,

R.styleable.ArcMenu, defStyle, 0);

int n = a.getIndexCount();

for (int i = 0; i < n; i++)

{

int attr = a.getIndex(i);

switch (attr)

{

case R.styleable.ArcMenu_position:

int val = a.getInt(attr, 0);

switch (val)

{

case 0:

mPosition = Position.LEFT_TOP;

break;

case 1:

mPosition = Position.RIGHT_TOP;

break;

case 2:

mPosition = Position.RIGHT_BOTTOM;

break;

case 3:

mPosition = Position.LEFT_BOTTOM;

break;

}

break;

case R.styleable.ArcMenu_radius:

// dp convert to px

mRadius = a.getDimensionPixelSize(attr, (int) TypedValue

.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 100f,

getResources().getDisplayMetrics()));

break;

}

}

a.recycle();

}

4、计算子元素的大小：

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)

{

int count = getChildCount();

for (int i = 0; i < count; i++)

{

// mesure child

getChildAt(i).measure(MeasureSpec.UNSPECIFIED,

MeasureSpec.UNSPECIFIED);

}

super.onMeasure(widthMeasureSpec, heightMeasureSpec);

}

5、确定子元素的位置：

@Override

protected void onLayout(boolean changed, int l, int t, int r, int b)

{

if (changed)

{

layoutButton();

int count = getChildCount();

/**

  • 设置所有孩子的位置 例如(第一个为按钮)： 左上时，从左到右 ] 第2个：mRadius(sin0 , cos0)

  • 第3个：mRadius(sina ,cosa) 注：[a = Math.PI / 2 * (cCount - 1)]

  • 第4个：mRadius(sin2a ,cos2a) 第5个：mRadius(sin3a , cos3a) …

*/

for (int i = 0; i < count - 1; i++)

{

View child = getChildAt(i + 1);

child.setVisibility(View.GONE);

int cl = (int) (mRadius * Math.sin(Math.PI / 2 / (count - 2)

  • i));

int ct = (int) (mRadius * Math.cos(Math.PI / 2 / (count - 2)

  • i));

// childview width

int cWidth = child.getMeasuredWidth();

// childview height

int cHeight = child.getMeasuredHeight();

// 右上，右下

if (mPosition == Position.LEFT_BOTTOM

|| mPosition == Position.RIGHT_BOTTOM)

{

ct = getMeasuredHeight() - cHeight - ct;

}

// 右上，右下

if (mPosition == Position.RIGHT_TOP

|| mPosition == Position.RIGHT_BOTTOM)

{

cl = getMeasuredWidth() - cWidth - cl;

}

Log.e(TAG, cl + " , " + ct);

child.layout(cl, ct, cl + cWidth, ct + cHeight);

}

}

}

首先在layoutButton中对按钮位置就行设置，以及初始化点击事件；然后从第二个子元素开始为菜单项，分别设置其位置，计算的原理就是上面我画的草图，可以再去仔细看看，动手在纸上画一画。

/**

  • 第一个子元素为按钮，为按钮布局且初始化点击事件

*/

private void layoutButton()

{

View cButton = getChildAt(0);

cButton.setOnClickListener(this);

int l = 0;

int t = 0;

int width = cButton.getMeasuredWidth();

int height = cButton.getMeasuredHeight();

switch (mPosition)

{

case LEFT_TOP:

l = 0;

t = 0;

break;

case LEFT_BOTTOM:

l = 0;

t = getMeasuredHeight() - height;

break;

case RIGHT_TOP:

l = getMeasuredWidth() - width;

t = 0;

break;

case RIGHT_BOTTOM:

l = getMeasuredWidth() - width;

t = getMeasuredHeight() - height;

break;

}

Log.e(TAG, l + " , " + t + " , " + (l + width) + " , " + (t + height));

cButton.layout(l, t, l + width, t + height);

}

这是定位Button的代码，此时的代码已经实现了定位，如果你把onLayout中childView.setVisibility(VISIBLE)。ArcMenu的整个控件的样子已经实现了，接下来就是点击事件，已经效果动画的实现了。

6、设置按钮点击事件

/**

  • 为按钮添加点击事件

*/

@Override

public void onClick(View v)

{

mButton = findViewById(R.id.id_button);

if (mButton == null)

{

mButton = getChildAt(0);

}

rotateView(mButton, 0f, 270f, 300);

toggleMenu(300);

}

/**

  • 按钮的旋转动画

  • @param view

  • @param fromDegrees

  • @param toDegrees

  • @param durationMillis

*/

public static void rotateView(View view, float fromDegrees,

float toDegrees, int durationMillis)

{

RotateAnimation rotate = new RotateAnimation(fromDegrees, toDegrees,

Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,

0.5f);

rotate.setDuration(durationMillis);

rotate.setFillAfter(true);

view.startAnimation(rotate);

}

public void toggleMenu(int durationMillis)

{

int count = getChildCount();

for (int i = 0; i < count - 1; i++)

{

final View childView = getChildAt(i + 1);

childView.setVisibility(View.VISIBLE);

int xflag = 1;

int yflag = 1;

if (mPosition == Position.LEFT_TOP

|| mPosition == Position.LEFT_BOTTOM)

xflag = -1;

if (mPosition == Position.LEFT_TOP

|| mPosition == Position.RIGHT_TOP)

yflag = -1;

// child left

int cl = (int) (mRadius * Math.sin(Math.PI / 2 / (count - 2) * i));

// child top

int ct = (int) (mRadius * Math.cos(Math.PI / 2 / (count - 2) * i));

AnimationSet animset = new AnimationSet(true);

Animation animation = null;

if (mCurrentStatus == Status.CLOSE)

{// to open

animset.setInterpolator(new OvershootInterpolator(2F));

animation = new TranslateAnimation(xflag * cl, 0, yflag * ct, 0);

childView.setClickable(true);

childView.setFocusable(true);

} else

{// to close

animation = new TranslateAnimation(0f, xflag * cl, 0f, yflag

  • ct);

childView.setClickable(false);

childView.setFocusable(false);

}

animation.setAnimationListener(new AnimationListener()

{

public void onAnimationStart(Animation animation)

{

}

public void onAnimationRepeat(Animation animation)

{

}

public void onAnimationEnd(Animation animation)

{

if (mCurrentStatus == Status.CLOSE)

childView.setVisibility(View.GONE);

}

});

animation.setFillAfter(true);

animation.setDuration(durationMillis);

// 为动画设置一个开始延迟时间，纯属好看，可以不设

animation.setStartOffset((i * 100) / (count - 1));

RotateAnimation rotate = new RotateAnimation(0, 720,

Animation.RELATIVE_TO_SELF, 0.5f,

Animation.RELATIVE_TO_SELF, 0.5f);

rotate.setDuration(durationMillis);

rotate.setFillAfter(true);

animset.addAnimation(rotate);

animset.addAnimation(animation);

childView.startAnimation(animset);

final int index = i + 1;

childView.setOnClickListener(new View.OnClickListener()

{

@Override

public void onClick(View v)

{

if (onMenuItemClickListener != null)

onMenuItemClickListener.onClick(childView, index - 1);

menuItemAnin(index - 1);

changeStatus();

}

});

}

changeStatus();

Log.e(TAG, mCurrentStatus.name() +“”);

}

点击时，触发TanslateAnimation动画，从定点向外扩展，也给点击按钮添加了一个旋转动画，每个子菜单项同样添加了旋转动画，且如果用户设置回调，调用回调接口；设置子菜单的点击事件。整体就是点击然后动画效果~~

7、设置子菜单的点击事件

/**

  • 开始菜单动画，点击的MenuItem放大消失，其他的缩小消失

  • @param item

*/

private void menuItemAnin(int item)

{

for (int i = 0; i < getChildCount() - 1; i++)

{

View childView = getChildAt(i + 1);

if (i == item)

{

childView.startAnimation(scaleBigAnim(300));

} else

{

childView.startAnimation(scaleSmallAnim(300));

}

childView.setClickable(false);

childView.setFocusable(false);

}

}

/**

  • 缩小消失

  • @param durationMillis

  • @return

*/

private Animation scaleSmallAnim(int durationMillis)

{

Animation anim = new ScaleAnimation(1.0f, 0f, 1.0f, 0f,

Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,

0.5f);

anim.setDuration(durationMillis);

anim.setFillAfter(true);

return anim;

}

/**

  • 放大，透明度降低

  • @param durationMillis

  • @return

*/

private Animation scaleBigAnim(int durationMillis)

{

《设计思想解读开源框架》

第一章、 热修复设计

  • 第一节、 AOT/JIT & dexopt 与 dex2oat

  • 第二节、 热修复设计之 CLASS_ISPREVERIFIED 问题

  • 第三节、热修复设计之热修复原理

  • 第四节、Tinker 的集成与使用（自动补丁包生成）

    第二章、 插件化框架设计

  • 第一节、 Class 文件与 Dex 文件的结构解读

  • 第二节、 Android 资源加载机制详解

  • 第三节、 四大组件调用原理

  • 第四节、 so 文件加载机制

  • 第五节、 Android 系统服务实现原理

    第三章、 组件化框架设计

  • 第一节、阿里巴巴开源路由框——ARouter 原理分析

  • 第二节、APT 编译时期自动生成代码&动态类加载

  • 第三节、 Java SPI 机制

  • 第四节、 AOP&IOC

  • 第五节、 手写组件化架构

    第四章、图片加载框架

  • 第一节、图片加载框架选型

  • 第二节、Glide 原理分析

  • 第三节、手写图片加载框架实战

    第五章、网络访问框架设计

  • 第一节、网络通信必备基础

  • 第二节、OkHttp 源码解读

  • 第三节、Retrofit 源码解析

    第六章、 RXJava 响应式编程框架设计

  • 第一节、链式调用

  • 第二节、 扩展的观察者模式

  • 第三节、事件变换设计

  • 第四节、Scheduler 线程控制

    第七章、 IOC 架构设计

  • 第一节、 依赖注入与控制反转

  • 第二节、ButterKnife 原理上篇、中篇、下篇

  • 第三节、Dagger 架构设计核心解密

    第八章、 Android 架构组件 Jetpack

  • 第一节、 LiveData 原理

  • 第二节、 Navigation 如何解决 tabLayout 问题

  • 第三节、 ViewModel 如何感知 View 生命周期及内核原理

  • 第四节、 Room 架构方式方法

  • 第五节、 dataBinding 为什么能够支持 MVVM

  • 第六节、 WorkManager 内核揭秘

  • 第七节、 Lifecycles 生命周期


    本文包含不同方向的自学编程路线、面试题集合/面经、及系列技术文章等，资源持续更新中…

    《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！
    通信必备基础**

  • 第二节、OkHttp 源码解读

  • 第三节、Retrofit 源码解析

    [外链图片转存中…(img-lRJgjp2U-1714452975609)]

    第六章、 RXJava 响应式编程框架设计

  • 第一节、链式调用

  • 第二节、 扩展的观察者模式

  • 第三节、事件变换设计

  • 第四节、Scheduler 线程控制

    [外链图片转存中…(img-Y2vxQgJl-1714452975610)]

    第七章、 IOC 架构设计

  • 第一节、 依赖注入与控制反转

  • 第二节、ButterKnife 原理上篇、中篇、下篇

  • 第三节、Dagger 架构设计核心解密

    [外链图片转存中…(img-I3uvizTH-1714452975610)]

    第八章、 Android 架构组件 Jetpack

  • 第一节、 LiveData 原理

  • 第二节、 Navigation 如何解决 tabLayout 问题

  • 第三节、 ViewModel 如何感知 View 生命周期及内核原理

  • 第四节、 Room 架构方式方法

  • 第五节、 dataBinding 为什么能够支持 MVVM

  • 第六节、 WorkManager 内核揭秘

  • 第七节、 Lifecycles 生命周期

    [外链图片转存中…(img-i6Rsyzfb-1714452975611)]
    本文包含不同方向的自学编程路线、面试题集合/面经、及系列技术文章等，资源持续更新中…
    [外链图片转存中…(img-tLHv9GvS-1714452975612)]
    《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！

2401_84415451
关注
  • 10
    点赞
  • 踩
  • 17
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Android自定义ViewGroup完美实现 ArcMenu
07-08
代码为博客实例代码：http://blog.csdn.net/lmj623565791/article/details/37567907 有问题博客中留言
Android自定义ViewGroup实现标签流容器FlowLayout
09-01
主要介绍了Android自定义ViewGroup实现FlowLayout标签流容器,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android自定义ViewGroup实现标签浮动效果
01-06
前面在学习鸿洋大神的一些自定义的View文章，看到了自定义ViewGroup实现浮动标签，初步看了下他的思路以及结合自己的思路完成了自己的浮动标签的自定义ViewGroup。目前实现的可以动态添加标签、可点击。效果图如下：...
Android自定义viewGroup实现点击动画效果
01-20
本文实例为大家分享了viewGroup实现点击动画效果展示的具体代码，供大家参考，具体内容如下 public class MyCustomView extends ViewGroup implements View.OnClickListener { private OnMenuItemClickListener ...
Android 手把手教您自定义ViewGroup（一）
08-02
代码为博客实例代码:http://blog.csdn.net/lmj623565791/article/details/38339817, 有问题请博客留言
安卓部署ffmpeg全平台so并实现命令行调用
codeofcc的博客
05-17 315
前面的章节实现了ffmpeg全平台so的生成，接下来的步骤就是部署以及使用了，部署so还是比较简单的，用gradle和cmake都可以部署，部署好了就可以直接使用了，如果需要c++进行封装一层，则需要链接，对cmake熟悉的话链接也是比较简单的。以上就是今天讲述的内容，ffmpeg的so部署还是比较容易的，但是命令行的调用会麻烦一些，尤其是要解决ffmpeg退出问题，在c++中比较好解决，java理论上也比较好实现，如果在dart中则会比较麻烦，因为dart的方法通常不能跨线程调用，多线程的情况会出问题。
Android----USB通信
工宗浩生财指南针
05-13 321
在Android开发中实现USB通信，通常涉及到与USB设备的交互，包括请求设备权限、与设备通信等步骤。
安卓手机APP开发__支持不同的语言和文化
红孩儿编程大师
05-14 724
APP包括了能被指定为一种特定的文件的资源。例如，一个APP能够包括 特定的文件的字符串，这个字符串能被翻译为本地的语言。 保持特定文化的资源与你的APP的其它部分独立开来是很好的实践。 安卓基于系统的本地化设置来解决特定的语言和特定的文化的资源问题。 你能提供对不同的本地化的支持，使用的方法是在你的安卓项目的资源目录 下使用不同的本地化设置。 你能根据使用你的APP的人的不同的文化，来指定资源的后缀。你能提供 任何类型的资源，来匹配你的用户的语言和文化。
掌握Android Intent与IntentFilter的艺术-深入探索匹配规则与实践技巧
w风雨无阻w的专栏
05-14 698
动作匹配Intent中必须包含中声明的至少一个动作。类别匹配Intent中的所有类别必须与中的类别完全一致。数据匹配Intent中的数据必须与中的至少一个数据匹配。假设我们有一个网页浏览器应用，我们希望当用户尝试打开一个http或https协议的网页时，我们的应用能够被系统选中。我们可以在中为相应的Activity定义如下当用户点击一个网页链接时，系统会查找所有能够响应VIEW动作和BROWSABLE类别的组件，并且检查它们的<data>元素是否匹配链接的协议。在这个例子中，我们的将能够响应所有。
Android SDK的安装和配置
Rverdoser的博客
05-17 75
Android SDK的安装和配置是开发Android应用的重要步骤，下面我为你详细介绍一下这个过程：安装Android SDK1. 打开官网：首先，你需要访问Android SDK的官方网站，找到SDK工具的下载链接。2. 下载SDK：在官网上，选择适合你操作系统的SDK版本进行下载。通常，你可以选择ZIP压缩包或EXE安装包，两者在实际使用上没有太大区别。3. 解压并存放：下载完成后，将SDK文件解压到你想要存放的目录。注意，存放路径最好不要包含中文或特殊字符4. 运行安装程序：如果你下载的是EXE安装
【Android】Kotlin学习之Lambda表达式
每天进步一点点, 靠近小目标一点点~
05-11 166
也可以不使用指定的名称it, 可以 自定义。
Android 桌面小组件 AppWidgetProvider（2）
fromVillageCoolBoy的博客
05-14 422
然后再组件中，发送广播，就能在onReceive中收到消息，然后做相应的处理就好。然后onReceive处理消息。1.1 添加小组件的生命周期。1.2 移除小组件的生命周期。要想小组件有动画效果，就需要。这个问题解决方案的关键是。这里简单的举一个例子。2.怎么处理点击事件。4.怎么处理动画效果。
Android PreferenceActivity可以自动设置的Activity
结合项目案例，记录点点滴滴，自己回顾，分享他人o__o
05-14 533
PreferenceActivity 是一个抽象类，继承自ListActivity ,该类封装了SharedPreferences.PreferenceActivity 提供了一些常用的设置项如,与普通组件一样，这些配置项既可以从XML文件创建，也可以从代码创建.每一个设置项标签有一个android:key属性,该属性的值就是保存在XML文件中的key-value对中的key.
android 界面布局中图片按键的实现
qq_31397725的博客
05-16 439
在Android界面布局中实现图片按键，通常可以通过ImageButton或者ImageView结合OnClickListener来完成。
Android 应用开发 状态列表图形
abcdefg1289的博客
05-14 183
常见的图形文件一般为静态图形，但有时会用到动态图形，比如按钮控件的背景在正常情况下是凸起的，在按下时是凹陷的，从按下到弹起的过程，用户便晓得点击了该按钮。根据不同的触摸情况变更图形状态，这种情况用到了Drawable。上述xml文件的关键点是state_pressed属性，该属性表示按下状态，值为true表示按下时显示。状态列表图形不仅用于按钮控件，还可用于其他拥有多种状态的控件，这取决于开发者在。文件中规定了不同状态时候所呈现的图形列表。文件中指定了哪种状态类型。（状态列表图形），它在。
Android 几种系统升级方式详解
结合项目案例，记录点点滴滴，自己回顾，分享他人o__o
05-11 2071
◆ /cache/recovery/command：recovery命令，由主系统写入，每一行就是一条命令，是以下命令的组合：● --wipe_data：擦除用户数据，会清除/data分区和/cache分区● --wipe_cache ：擦除/cache分区● --update_package=path: 表示要进行OTA升级，recovery使用路径为path的OTA升级包● --send_intent=anystring: 传递的intent。将system.img镜像写入到系统的system分区。
安卓手机APP开发__Jetpack Compose框架的渲染过程
最新发布
红孩儿编程大师
05-17 617
像其它大部分的用户界面工具箱一样，Compose框架的渲染器在渲染一帧时有几个 独特的过程。如果我们看一看安卓的视图系统，它有三个主要的过程：度量， 布局，和绘制。Compose与此是非常相似的，但是它有一个重要的附加的过程， 在开始时叫做组装。 组装在我们的Compose文档中描述，包括在Compose中的准备，状态，和Jetpack组装。
Android中常见的线程池
hcgeng的专栏
05-17 461
通过使用 Executors 线程池管理功能，可以方便地处理网络请求，并且可以灵活地控制线程池的大小，以避免出现线程过多导致的问题。加载图片：在 Android 应用中，常常需要加载大量的图片资源，如果不使用线程池进行异步加载，可能会导致 UI 卡顿，影响用户体验。在选择线程池时，需要考虑任务类型、任务数量、任务优先级、线程池大小、线程空闲时间等因素。FixedThreadPool是固定大小的线程池，线程数目固定，适用于执行长期的任务，例如网络请求、图片加载等。适用于执行短期的任务，例如数据库操作等。
【Android】联系人列表补充
m0_74319211的博客
05-17 66
部分代码（在activity_main）里面。部分代码（add_contact.xml)真布局--叠起来垂直管。
Android 自定义viewgroup
07-28
- *1* [Android 手把手教您自定义ViewGroup（一）](https://blog.csdn.net/iteye_563/article/details/82601716)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值