码迷,mamicode.com
首页 > 移动开发 > 详细

Android自定义控件(特效一) 点击屏幕,根据所点击的位置绘制圆环

时间:2016-05-06 16:20:16      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:

之前在三星手机上看到点击屏幕后出现水波的特效,所以尝试着写了个类似的效果

技术分享


实现自定义一个View,并实现构造方法

public class MyView extends View {

 public MyView(Context context) {
  super(context);
  // TODO Auto-generated constructor stub
 }

 public MyView(Context context, AttributeSet attrs) {
  super(context, attrs);
  // TODO Auto-generated constructor stub
 }
}

如果要绘制圆环,则需要设置圆环的半径、描边宽度(如果弄填充满的则不需要)、X和Y的坐标,因为点击屏幕出现圆环后还需要消失,所以还要加上透明度

那么我们新建一个Bean,去实现这些

public class MyBean {

 int alpha; // 透明度
 int X; // X坐标
 int Y; // Y坐标
 float width; // 描边宽度
 float radius; // 半径
 Paint paint; // 画笔

}


接下来就是获取点击屏幕后的事件,思路很明确,点击屏幕后,首先设置绘制的圆的半径为0,透明度为最大值255,描边宽度这里按个人喜好随意设置

@Override
 public boolean onTouchEvent(MotionEvent event) {
  super.onTouchEvent(event);

  switch (event.getAction()) {
  case MotionEvent.ACTION_DOWN:
   // 点击屏幕后 半径设为0,alpha设置为255
   MyBean bean = new MyBean();
   bean.radius = 0; // 点击后 半径先设为0
   bean.alpha = MaxAlpha; // alpha设为最大值 255
   bean.width = bean.radius / 8; // 描边宽度 这个随意
   bean.X = (int) event.getX(); // 所绘制的圆的X坐标
   bean.Y = (int) event.getY(); // 所绘制的圆的Y坐标
   bean.paint = initPaint(bean.alpha, bean.width);

   break;
  }
  return true;
 }

设置完属性后,交给handler去绘制界面,每过X毫秒后,绘制的圆的半径+N,透明度-M

bean.radius += 5;// 半径每次+5
   bean.alpha -= 10;// 透明度每次减10
   if (bean.alpha < 0) {
    // 透明度小雨0的时候 赋为0
    bean.alpha = 0;
   }
   bean.width = bean.radius / 8; // 描边宽度设置为半径的1/4
   bean.paint.setAlpha(bean.alpha);
   bean.paint.setStrokeWidth(bean.width);

至此,我们所有的主要代码已实现   

附Demo地址:http://download.csdn.net/detail/qq_18612815/9511652






Android自定义控件(特效一) 点击屏幕,根据所点击的位置绘制圆环

标签:

原文地址:http://blog.csdn.net/qq_18612815/article/details/51329364

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!