文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

Android自定义View实现弹性小球效果

2022-06-06 07:36

关注

照例先看效果图

自定义代码示例


public class BezierView extends View {
 Paint paint;//画笔
 Path path;//路径
 int radius = 50;//圆的半径
 int time = 100;//计数时长
 int index;
 int offsetIndex;
 float viewX, viewY;//图形中心点坐标
 float width;//屏幕宽度
 float partWidth;//屏幕宽度的1/4
 int paddingLeft, paddingRight;//图形内边距
 float x1, y1, x2, y2, x3, y3, x4, y4;//圆形左上右下四个点
 float x12, y12, x23, y23, x34, y34, x41, y41;//圆形左上右下四个点之间的渐变点
 public BezierView(Context context) {
  this(context, null);
 }
 public BezierView(Context context, AttributeSet attrs) {
  this(context, attrs, 0);
 }
 public BezierView(Context context, AttributeSet attrs, int defStyleAttr) {
  super(context, attrs, defStyleAttr);
  paint = new Paint();
  paint.setColor(ResourcesCompat.getColor(getResources(), R.color.colorPrimary, null));
  paint.setAntiAlias(true);
 }
 @Override
 protected void onDraw(Canvas canvas) {
  paddingLeft = getPaddingLeft();
  paddingRight = getPaddingRight();
  width = getWidth() - paddingLeft - paddingRight;
  partWidth = width / 4;
  path = new Path();
  path.moveTo(x1, y1);
  path.cubicTo(x1, y1, x12, y12, x2, y2);
  path.cubicTo(x2, y2, x23, y23, x3, y3);
  path.cubicTo(x3, y3, x34, y34, x4, y4);
  path.cubicTo(x4, y4, x41, y41, x1, y1);
  canvas.drawPath(path, paint);
  move();
 }
 public void move() {
  new Timer().schedule(new TimerTask() {
   @Override
   public void run() {
    if (index < time - 1) {
     index++;
     viewX = width / time * index + paddingLeft;
     viewY = 400;
     x1 = viewX - radius;
     x2 = viewX;
     x3 = viewX + radius;
     x4 = viewX;
     y1 = viewY;
     y2 = viewY - radius;
     y3 = viewY;
     y4 = viewY + radius;
     offsetIndex = index % (time / 4) + 1;
     //根据图形移动到的区域进行曲线变化
     float position = (viewX - paddingLeft) / partWidth;
     //右边半圆
     if (position >= 0 && position < 1) {
      x3 = viewX + radius + radius / (time / 4) * offsetIndex;
     } else if (position >= 1 && position < 2) {
      x3 = viewX + radius + radius;
     } else if (position >= 2 && position < 3) {
      x3 = viewX + radius + radius - radius / (time / 4) * offsetIndex;
     } else {
      x3 = viewX + radius;
     }
     x23 = x34 = x3;
     y12 = y23 = y2;
     //左边半圆
     if (position >= 1 && position < 2) {
      x1 = viewX - radius - radius / (time / 4) * offsetIndex;
     } else if (position >= 2 && position < 3) {
      x1 = viewX - radius - radius;
     } else if (position >= 3) {
      x1 = viewX - radius - radius + radius / (time / 4) * offsetIndex;
     } else {
      x1 = viewX - radius;
     }
     x12 = x41 = x1;
     y34 = y41 = y4;
     postInvalidate();
    } else {
     cancel();
    }
   }
  }, 0, 5000);
 }
}

总结

以上就是Android自定义View实现弹性小球效果的全部内容,希望对大家开发Android能带来一定的帮助,如果有疑问大家可以留言交流。谢谢大家对编程网的支持。

您可能感兴趣的文章:Android使用Handler实现View弹性滑动Android ListView弹性效果的实现方法Android 自定义弹性ListView控件实例代码(三种方法)Android SpringAnimation弹性动画解析


阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-移动开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯