神刀安全网

贝塞尔曲线实现冒泡泡动画

QQBubbleView

Outline

利用三阶贝塞尔曲线模仿QQ空间直播时右下角的礼物冒泡特效

ScreenShot

贝塞尔曲线实现冒泡泡动画

Usage

  • 引入依赖
compile 'yasic.library.BubbleView:bubbleview:0.0.4' 
  • 启动动画
void startAnimation(final int rankWidth, final int rankHeight) void startAnimation(final int rankWidth, final int rankHeight, int count) void startAnimation(final int rankWidth, final int rankHeight, int delay, int count) 
  • 使用默认图片样式
BubbleView setDefaultDrawableList() 
  • 自定义图片样式
BubbleView setDrawableList(drawableList) 
  • 设置上升动画持续时间
BubbleView setRiseDuration(int riseDuration) 
  • 设置初始点相对于底边边距
BubbleView setBottomPadding(int px) 
  • 设置三个随机初始点的间距
BubbleView setOriginsOffset(int px) 
  • 设置缩放动画最大最小比例
BubbleView setScaleAnimation(float maxScale, float minScale) 
  • 设置两个上升动画之间的时间间隔
BubbleView setAnimationDelay(int delay) 
  • 设置图片数目最大最小值
void setMaxHeartNum(int maxHeartNum) void setMinHeartNum(int minHeartNum) 
  • 设置每一个view的宽高
BubbleView setItemViewWH(int viewWidth, int viewHeight) 

Point

  • 继承自Relativelayout

  • 使用三阶贝塞尔曲线模拟运动路径,三阶贝塞尔曲线公式如下

贝塞尔曲线实现冒泡泡动画

转载本站任何文章请注明:转载至神刀安全网,谢谢神刀安全网 » 贝塞尔曲线实现冒泡泡动画

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址