在Android中实现来自Material设计的Ripple效果：RippleEffect

  1 /*
  2  * The MIT License (MIT)
  3  *
  4  * Copyright (c) 2014 Robin Chutaux
  5  *
  6  * Permission is hereby granted, free of charge, to any person obtaining a copy
  7  * of this software and associated documentation files (the "Software"), to deal
  8  * in the Software without restriction, including without limitation the rights
  9  * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 10  * copies of the Software, and to permit persons to whom the Software is
 11  * furnished to do so, subject to the following conditions:
 12  *
 13  * The above copyright notice and this permission notice shall be included in
 14  * all copies or substantial portions of the Software.
 15  *
 16  * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 17  * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 18  * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 19  * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 20  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 21  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 22  * THE SOFTWARE.
 23  */
 24 
 25 package com.maomao.beautymovie.widget;
 26 
 27 
 28 import com.maomao.beautymovie.R;
 29 
 30 import android.content.Context;
 31 import android.content.res.TypedArray;
 32 import android.graphics.Bitmap;
 33 import android.graphics.Canvas;
 34 import android.graphics.Paint;
 35 import android.graphics.PorterDuff;
 36 import android.graphics.PorterDuffXfermode;
 37 import android.graphics.Rect;
 38 import android.os.Handler;
 39 import android.util.AttributeSet;
 40 import android.view.GestureDetector;
 41 import android.view.MotionEvent;
 42 import android.view.View;
 43 import android.view.ViewGroup;
 44 import android.view.animation.Animation;
 45 import android.view.animation.ScaleAnimation;
 46 import android.widget.RelativeLayout;
 47 
 48 /**
 49  * Author :    Chutaux Robin
 50  * Date :      10/8/2014
 51  */
 52 public class RippleView extends RelativeLayout
 53 {
 54     private int WIDTH;
 55     private int HEIGHT;
 56     private int FRAME_RATE = 10;
 57     private int DURATION = 400;
 58     private int PAINT_ALPHA = 90;
 59     private Handler canvasHandler;
 60     private float radiusMax = 0;
 61     private boolean animationRunning = false;
 62     private int timer = 0;
 63     private int timerEmpty = 0;
 64     private int durationEmpty = -1;
 65     private float x = -1;
 66     private float y = -1;
 67     private int zoomDuration;
 68     private float zoomScale;
 69     private ScaleAnimation scaleAnimation;
 70     private Boolean hasToZoom;
 71     private Boolean isCentered;
 72     private Integer rippleType;
 73     private Paint paint;
 74     private Bitmap originBitmap;
 75     private int rippleColor;
 76     private View childView;
 77     private int ripplePadding;
 78     private GestureDetector gestureDetector;
 79     private Runnable runnable = new Runnable()
 80     {
 81         @Override
 82         public void run()
 83         {
 84             invalidate();
 85         }
 86     };
 87 
 88     public RippleView(Context context)
 89     {
 90         super(context);
 91     }
 92 
 93     public RippleView(Context context, AttributeSet attrs)
 94     {
 95         super(context, attrs);
 96         init(context, attrs);
 97     }
 98 
 99     public RippleView(Context context, AttributeSet attrs, int defStyle)
100     {
101         super(context, attrs, defStyle);
102         init(context, attrs);
103     }
104 
105     private void init(final Context context, final AttributeSet attrs)
106     {
107         if (isInEditMode())
108             return;
109 
110         final TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.RippleView);
111         rippleColor = typedArray.getColor(R.styleable.RippleView_rv_color, getResources().getColor(R.color.rippelColor));
112         rippleType = typedArray.getInt(R.styleable.RippleView_rv_type, 0);
113         hasToZoom = typedArray.getBoolean(R.styleable.RippleView_rv_zoom, false);
114         isCentered = typedArray.getBoolean(R.styleable.RippleView_rv_centered, false);
115         DURATION = typedArray.getInteger(R.styleable.RippleView_rv_rippleDuration, DURATION);
116         FRAME_RATE = typedArray.getInteger(R.styleable.RippleView_rv_framerate, FRAME_RATE);
117         PAINT_ALPHA = typedArray.getInteger(R.styleable.RippleView_rv_alpha, PAINT_ALPHA);
118         ripplePadding = typedArray.getDimensionPixelSize(R.styleable.RippleView_rv_ripplePadding, 0);
119         canvasHandler = new Handler();
120         zoomScale = typedArray.getFloat(R.styleable.RippleView_rv_zoomScale, 1.03f);
121         zoomDuration = typedArray.getInt(R.styleable.RippleView_rv_zoomDuration, 200);
122         paint = new Paint();
123         paint.setAntiAlias(true);
124         paint.setStyle(Paint.Style.FILL);
125         paint.setColor(rippleColor);
126         paint.setAlpha(PAINT_ALPHA);
127         this.setWillNotDraw(false);
128 
129         gestureDetector = new GestureDetector(context, new GestureDetector.SimpleOnGestureListener()
130         {
131             @Override
132             public boolean onSingleTapConfirmed(MotionEvent e)
133             {
134                 return true;
135             }
136 
137             @Override
138             public boolean onSingleTapUp(MotionEvent e)
139             {
140                 return true;
141             }
142         });
143 
144         this.setDrawingCacheEnabled(true);
145     }
146 
147     @Override
148     public void addView(View child, int index, ViewGroup.LayoutParams params)
149     {
150         childView = child;
151         super.addView(child, index, params);
152     }
153 
154     @Override
155     public void draw(Canvas canvas)
156     {
157         super.draw(canvas);
158         if (animationRunning)
159         {
160             if (DURATION <= timer * FRAME_RATE)
161             {
162                 animationRunning = false;
163                 timer = 0;
164                 durationEmpty = -1;
165                 timerEmpty = 0;
166                 canvas.restore();
167                 invalidate();
168                 return;
169             }
170             else
171                 canvasHandler.postDelayed(runnable, FRAME_RATE);
172 
173             if (timer == 0)
174                 canvas.save();
175 
176 
177             canvas.drawCircle(x, y, (radiusMax * (((float) timer * FRAME_RATE) / DURATION)), paint);
178 
179             paint.setColor(getResources().getColor(android.R.color.holo_red_light));
180 
181             if (rippleType == 1 && originBitmap != null && (((float) timer * FRAME_RATE) / DURATION) > 0.4f)
182             {
183                 if (durationEmpty == -1)
184                     durationEmpty = DURATION - timer * FRAME_RATE;
185 
186                 timerEmpty++;
187                 final Bitmap tmpBitmap = getCircleBitmap((int) ((radiusMax) * (((float) timerEmpty * FRAME_RATE) / (durationEmpty))));
188                 canvas.drawBitmap(tmpBitmap, 0, 0, paint);
189                 tmpBitmap.recycle();
190             }
191 
192             paint.setColor(rippleColor);
193 
194             if (rippleType == 1)
195             {
196                 if ((((float) timer * FRAME_RATE) / DURATION) > 0.6f)
197                     paint.setAlpha((int) (PAINT_ALPHA - ((PAINT_ALPHA) * (((float) timerEmpty * FRAME_RATE) / (durationEmpty)))));
198                 else
199                     paint.setAlpha(PAINT_ALPHA);
200             }
201             else
202                 paint.setAlpha((int) (PAINT_ALPHA - ((PAINT_ALPHA) * (((float) timer * FRAME_RATE) / DURATION))));
203 
204             timer++;
205         }
206     }
207 
208     @Override
209     protected void onSizeChanged(int w, int h, int oldw, int oldh)
210     {
211         super.onSizeChanged(w, h, oldw, oldh);
212         WIDTH = w;
213         HEIGHT = h;
214 
215         scaleAnimation = new ScaleAnimation(1.0f, zoomScale, 1.0f, zoomScale, w / 2, h / 2);
216         scaleAnimation.setDuration(zoomDuration);
217         scaleAnimation.setRepeatMode(Animation.REVERSE);
218         scaleAnimation.setRepeatCount(1);
219     }
220 
221     @Override
222     public boolean onTouchEvent(MotionEvent event)
223     {
224         if (gestureDetector.onTouchEvent(event) && !animationRunning)
225         {
226             if (hasToZoom)
227                 this.startAnimation(scaleAnimation);
228 
229             radiusMax = Math.max(WIDTH, HEIGHT);
230 
231             if (rippleType != 2)
232                 radiusMax /= 2;
233 
234             radiusMax -= ripplePadding;
235 
236             if (isCentered || rippleType == 1)
237             {
238                 this.x = getMeasuredWidth() / 2;
239                 this.y = getMeasuredHeight() / 2;
240             }
241             else
242             {
243                 this.x = event.getX();
244                 this.y = event.getY();
245             }
246 
247             animationRunning = true;
248 
249             if (rippleType == 1 && originBitmap == null)
250                 originBitmap = getDrawingCache(true);
251 
252             invalidate();
253             this.performClick();
254         }
255 
256         childView.onTouchEvent(event);
257         return true;
258     }
259 
260     @Override
261     public boolean onInterceptTouchEvent(MotionEvent event)
262     {
263        return true;
264     }
265 
266     private Bitmap getCircleBitmap(final int radius) {
267         final Bitmap output = Bitmap.createBitmap(originBitmap.getWidth(), originBitmap.getHeight(), Bitmap.Config.ARGB_8888);
268         final Canvas canvas = new Canvas(output);
269         final Paint paint = new Paint();
270         final Rect rect = new Rect((int)(x - radius), (int)(y - radius), (int)(x + radius), (int)(y + radius));
271 
272         paint.setAntiAlias(true);
273         canvas.drawARGB(0, 0, 0, 0);
274         canvas.drawCircle(x, y, radius, paint);
275 
276         paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
277         canvas.drawBitmap(originBitmap, rect, rect, paint);
278 
279         return output;
280     }
281 }