Android自定义View实现可展开、会呼吸的按钮

 更新时间:2019年08月22日 10:57:58   作者:猴菇同学  
这篇文章主要为大家详细介绍了Android自定义View实现可展开、会呼吸的按钮,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

不专门练习的话,自定义View的知识又忘了许多。正好新项目里有这个需求,就再练习一下,代码已上传:地址

可以修改文本、文字大小、各种颜色:

1、按照国际惯例,就是新建attrs,写各种需要的属性,然后获取,新建各种所需的Paint、Rect,重写onMeasure计算宽高,重写onDraw画图搞起。。

2、关于可展开效果,其实就是点击发布时,启动一个ValueAnimator,对一个圆角矩形的左边距离不断改变:

int mBackgroundRectFLeft;
RectF mBackgroundRectF = new RectF();

@Override
protected void onDraw(Canvas canvas) {
 mBackgroundRectF.set(mBackgroundRectFLeft, 0, getWidth(), getHeight());
 canvas.drawRoundRect(mBackgroundRectF, mOuterRadius, mOuterRadius, mmBackgroundRectPaint);//圆角背景矩形
}

private void openButton() {
 ValueAnimator rectLeftAnim = ValueAnimator.ofInt(mBackgroundRectFLeft, mArcWidth / 2);
 rectLeftAnim.setDuration(250);
 ValueAnimator textAlphaAnim = ValueAnimator.ofInt(0, mItemTextAlpha);
 textAlphaAnim.setDuration(120);
 rectLeftAnim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
 @Override
 public void onAnimationUpdate(ValueAnimator animation) {
  mBackgroundRectFLeft = (int) animation.getAnimatedValue();
  invalidate();
 }
 });
}

3、关于呼吸效果,就是一个对外圆圈半径改变的ValueAnimator:

mBreatheRadius = getHeight() / 2 - mArcWidth / 4;
mBreatheAnim = ValueAnimator.ofFloat(mBreatheRadius, mBreatheRadius - mArcWidth / 2);
mBreatheAnim.setDuration(1000);
mBreatheAnim.setRepeatMode(ValueAnimator.REVERSE);
mBreatheAnim.setRepeatCount(Integer.MAX_VALUE);
mBreatheAnim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
 @Override
 public void onAnimationUpdate(ValueAnimator animation) {
 mBreatheRadius = (float) animation.getAnimatedValue();
 invalidate();
 }
});
mBreatheAnim.start();

@Override
protected void onDraw(Canvas canvas) {
 canvas.drawCircle(mInnerCircleCenterX, mInnerCircleCenterY, mBreatheRadius, mBreathePaint);//呼吸圈

4、关于文字位置居中计算,以前我用一个Rect,用

paint.getTextBounds(text, 0, text.length(), mTextRect);
int textWidth = mTextRect.width();
int textHeight = mTextRect.height();

这样计算不准确,可能是因为返回的宽高是int值,应该用FontMetrics类来计算,大家可以搜一下:

float buttonTextWidth = mButtonTextPaint.measureText(mButtonStr, 0, mButtonStr.length());

Paint.FontMetrics publishFontMetrics = mButtonTextPaint.getFontMetrics();
canvas.drawText(mButtonStr, 0, mButtonStr.length(), getWidth() - mOuterRadius - mArcWidth / 2 - buttonTextWidth / 2, mOuterRadius + mArcWidth / 2 + -(publishFontMetrics.ascent + publishFontMetrics.descent) / 2, mButtonTextPaint);

5、再有就是OnTouchEvent的处理,因为这个控件不是一直都是展开状态,那么就要求控件在闭合的时候,要不影响该控件下层控件对点击的处理。比如我这个ExpandableBreathngButton,下层是一个RecyclerView,并设置了OnItemClickListener,那我这个按钮在闭合时,点击按钮左侧但还是在这个View范围内的地方,如下图红框内

这个范围内应该不处理事件,return false

@Override
public boolean onTouchEvent(MotionEvent event) {
 switch (event.getAction()) {
 case MotionEvent.ACTION_DOWN:
  x = (int) event.getX();
  y = (int) event.getY();
  if (!isOpen && x < getWidth() - 2 * mOuterRadius && y > 0 && y < getHeight()) {
  //未展开状态下,点击发布圆左侧的位置,不处理事件
  return false;
  }
  break;
 }
}

然后在up事件中计算点击了发布按钮还是展开的item,就是计算点击的坐标是在圆半径内,还是在item矩形范围内。

最后源码奉上: 详细地址

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • Android Studio中使用SQLite数据库实现登录和注册功能

    Android Studio中使用SQLite数据库实现登录和注册功能

    SQLite是一款轻型的数据库,是遵守ACID的关系型数据库管理系统,它包含在一个相对小的C库中,下面这篇文章主要给大家介绍了关于Android Studio中使用SQLite数据库实现登录和注册功能的相关资料,需要的朋友可以参考下
    2024-06-06
  • 基于Flutter制作一个长按展示操作项面板的桌面图标

    基于Flutter制作一个长按展示操作项面板的桌面图标

    Flutter是一种强大的跨平台移动应用程序框架,它能够帮助开发者轻松地创建漂亮、快速、高效的应用程序,本文的主题是如何在Flutter中制作一个长按展示操作项面板的桌面图标,在某些场景下,这个功能会让应用程序更加便利和易用
    2023-06-06
  • android编程实现电话录音的方法

    android编程实现电话录音的方法

    这篇文章主要介绍了android编程实现电话录音的方法,涉及Android监听电话通话及音频采集的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10
  • Android Studio3.5开发工具(安卓开发工具)安装步骤详解

    Android Studio3.5开发工具(安卓开发工具)安装步骤详解

    这篇文章主要为大家详细介绍了Android Studio3.5开发工具安装、安卓开发工具的安装步骤,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-09-09
  • Android Material设计中列表和卡片的创建方法解析

    Android Material设计中列表和卡片的创建方法解析

    这篇文章主要介绍了Android Material设计中列表和卡片的创建方法解析,列表和卡片是Material Design视图中的重要部分,需要的朋友可以参考下
    2016-04-04
  • DataBinding onClick的七种点击方式

    DataBinding onClick的七种点击方式

    这篇文章主要给大家介绍了关于DataBinding onClick的七种点击方式,文中通过示例代码介绍的非常详细,对各位Android开发者们具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-07-07
  • Android自定义视图实现手指移动轨迹

    Android自定义视图实现手指移动轨迹

    这篇文章主要为大家详细介绍了Android自定义视图实现手指移动轨迹,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-06-06
  • Android实现压缩字符串的方法示例

    Android实现压缩字符串的方法示例

    最近在做Android开发,遇到了需要压缩字符串的功能,下面这篇文章主要给大家介绍了Android实现压缩字符串的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面跟着小编来一起学习学习吧。
    2017-08-08
  • Android动态替换Application实现

    Android动态替换Application实现

    这篇文章主要介绍了Android动态替换Application实现,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-05-05
  • Android11绕过反射限制的方法

    Android11绕过反射限制的方法

    这篇文章主要介绍了Android11绕过反射限制的方法,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09

最新评论