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

照例先看效果图

自定义代码示例

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
, 自定义view
, 自定义view类
, 如图所示
弹性小球
自定义view实现动画、自定义view实现滑动、自定义viewgroup实现、自定义view实现跑马灯、如图 弹性小球,以便于您获取更多的相关知识。

时间: 2024-12-10 22:06:05

Android自定义View实现弹性小球效果_Android的相关文章

Android自定义View实现折线图效果_Android

下面就是结果图(每种状态用一个表情图片表示): 一.主页面的布局文件如下: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height=&quo

Android自定义View实现水面上涨效果_Android

实现效果如下: 实现思路: 1.如何实现圆中水面上涨效果:利用Paint的setXfermode属性为PorterDuff.Mode.SRC_IN画出进度所在的矩形与圆的交集实现 2.如何水波纹效果:利用贝塞尔曲线,动态改变波峰值,实现"随着进度的增加,水波纹逐渐变小的效果" 话不多说,看代码. 首先是自定义属性值,有哪些可自定义属性值呢? 圆的背景颜色:circle_color,进度的颜色:progress_color,进度显示文字的颜色:text_color,进度文字的大小:tex

Android自定义View实现圆环交替效果_Android

下面请先看效果图: 看上去是不很炫的样子,它的实现上也不是很复杂,重点在与onDraw()方法的绘制. 首先是我们的attrs文件: <?xml version="1.0" encoding="utf-8"?> <resources> <attr name="firstColor" format="color"/> <attr name="secondColor"

Android自定义VIew实现卫星菜单效果浅析_Android

 一 概述: 最近一直致力于Android自定义VIew的学习,主要在看<android群英传>,还有CSDN博客鸿洋大神和wing大神的一些文章,写的很详细,自己心血来潮,学着写了个实现了类似卫星效果的一个自定义的View,分享到博客上,望各位指点一二.写的比较粗糙,见谅.(因为是在Linux系统下写的,效果图我直接用手机拍的,难看,大家讲究下就看个效果,勿喷). 先来看个效果图,有点不忍直视: 自定义VIew准备: (1)创建继承自View的类; (2)重写构造函数; (3)定义属性. (

Android自定义View实现折线图效果

下面就是结果图(每种状态用一个表情图片表示): 一.主页面的布局文件如下: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height=&quo

Android自定义VIew实现卫星菜单效果浅析

一 概述: 最近一直致力于Android自定义VIew的学习,主要在看<android群英传>,还有CSDN博客鸿洋大神和wing大神的一些文章,写的很详细,自己心血来潮,学着写了个实现了类似卫星效果的一个自定义的View,分享到博客上,望各位指点一二.写的比较粗糙,见谅.(因为是在Linux系统下写的,效果图我直接用手机拍的,难看,大家讲究下就看个效果,勿喷). 先来看个效果图,有点不忍直视: 自定义VIew准备: (1)创建继承自View的类; (2)重写构造函数; (3)定义属性. (4

Android自定义view制作绚丽的验证码_Android

废话不多说了,先给大家展示下自定义view效果图,如果大家觉得还不错的话,请继续往下阅读. 怎么样,这种验证码是不是很常见呢,下面我们就自己动手实现这种效果,自己动手,丰衣足食,哈哈~ 一. 自定义view的步骤 自定义view一直被认为android进阶通向高手的必经之路,其实自定义view好简单,自定义view真正难的是如何绘制出高难度的图形,这需要有好的数学功底(后悔没有好好学数学了~),因为绘制图形经常要计算坐标点及类似的几何变换等等.自定义view通常只需要以下几个步骤: 写一个类继承

Android自定义View实现字母导航栏_Android

很多的Android入门程序猿来说对于Android自定义View,可能都是比较恐惧的,但是这又是高手进阶的必经之路,所有准备在自定义View上面花一些功夫,多写一些文章. 思路分析: 1.自定义View实现字母导航栏 2.ListView实现联系人列表 3.字母导航栏滑动事件处理 4.字母导航栏与中间字母的联动 5.字母导航栏与ListView的联动 效果图: 首先,我们先甩出主布局文件,方便后面代码的说明 <!--?xml version="1.0" encoding=&qu

Android自定义View软键盘实现搜索_Android

1. xml文件中加入自定义 搜索view <com.etoury.etoury.ui.view.IconCenterEditText android:id="@+id/search_et" style="@style/StyleEditText" android:hint="搜索景点信息" /> 2. 自定义的   view java文件 IconCenterEditText.java package com.etoury.etou