一个Android自定义背景视图,通过触摸绘制类星空背景图

这个一个自定义视图,手指在视图上滑动周围的点也会跟着一起移动并连线,若手机离开,点会运动并围绕上次触摸点形成一个类圆形图案。
github地址:https://github.com/lzuntalented/BackgroundView

先上图看看效果吧
初始效果

触摸离开后效果

这个原理其实蛮简单的:
1.在屏幕上生成N个点,每个点会有x和y方向的随机增量
2.每个点也会有个值表示:若距离小于此值则两点之间绘制线段
3.将触摸点添加进N个点集合中,一同绘制,但是触摸点的最小距离大于其他点的比值距离。
4.至于最后会停留则是因为,触摸点绘制线段的时候有个靠近会加速,当一个点在靠近之后,会继续运动并逃离触摸点,但在逃离到加速度的距离时,则会倒退向触摸点靠近。

若要使用这个效果只需要应用BackgroundView这个自定义视图就行了
再贴一次代码吧


/**
 * Created by lz on 2016/7/24.
 * github地址:https://github.com/lzuntalented/BackgroundView
 * 自定义背景视图
 *
 * 参考canvas中就是绘图,地址:https://github.com/hustcc/canvas-nest.js
 */
public class BackgroundView extends View implements View.OnTouchListener,GestureDetector.OnGestureListener {
   

    private List<OnTouchListener> mlist = new ArrayList<>();//存储多次点击事件的响应

    private int lineCount = 99;//屏幕出现的点数量
    private Context mContext;
    private List<LineConfig> random_lines = new ArrayList<>();//屏幕出现的点集合

    private GestureDetector mGestureDetector = null;

    private LineConfig currentDown = new LineConfig();//触摸点

    private int color_point = Color.argb(100, 255, 255, 255);//点的颜色
    private int color_line = Color.argb(100,255,0,0);//线的颜色

    public BackgroundView
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值