1 /*
2  * Copyright (C) 2010 The Android Open Source Project
3  *
4  * Licensed under the Apache License, Version 2.0 (the "License");
5  * you may not use this file except in compliance with the License.
6  * You may obtain a copy of the License at
7  *
8  *      http://www.apache.org/licenses/LICENSE-2.0
9  *
10  * Unless required by applicable law or agreed to in writing, software
11  * distributed under the License is distributed on an "AS IS" BASIS,
12  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13  * See the License for the specific language governing permissions and
14  * limitations under the License.
15  */
16 
17 package android.widget;
18 
19 import android.annotation.ColorInt;
20 import android.content.Context;
21 import android.content.res.TypedArray;
22 import android.graphics.Canvas;
23 import android.graphics.Paint;
24 import android.graphics.PorterDuff;
25 import android.graphics.PorterDuffXfermode;
26 import android.graphics.Rect;
27 import android.view.animation.AnimationUtils;
28 import android.view.animation.DecelerateInterpolator;
29 import android.view.animation.Interpolator;
30 
31 /**
32  * This class performs the graphical effect used at the edges of scrollable widgets
33  * when the user scrolls beyond the content bounds in 2D space.
34  *
35  * <p>EdgeEffect is stateful. Custom widgets using EdgeEffect should create an
36  * instance for each edge that should show the effect, feed it input data using
37  * the methods {@link #onAbsorb(int)}, {@link #onPull(float)}, and {@link #onRelease()},
38  * and draw the effect using {@link #draw(Canvas)} in the widget's overridden
39  * {@link android.view.View#draw(Canvas)} method. If {@link #isFinished()} returns
40  * false after drawing, the edge effect's animation is not yet complete and the widget
41  * should schedule another drawing pass to continue the animation.</p>
42  *
43  * <p>When drawing, widgets should draw their main content and child views first,
44  * usually by invoking <code>super.draw(canvas)</code> from an overridden <code>draw</code>
45  * method. (This will invoke onDraw and dispatch drawing to child views as needed.)
46  * The edge effect may then be drawn on top of the view's content using the
47  * {@link #draw(Canvas)} method.</p>
48  */
49 public class EdgeEffect {
50     @SuppressWarnings("UnusedDeclaration")
51     private static final String TAG = "EdgeEffect";
52 
53     // Time it will take the effect to fully recede in ms
54     private static final int RECEDE_TIME = 600;
55 
56     // Time it will take before a pulled glow begins receding in ms
57     private static final int PULL_TIME = 167;
58 
59     // Time it will take in ms for a pulled glow to decay to partial strength before release
60     private static final int PULL_DECAY_TIME = 2000;
61 
62     private static final float MAX_ALPHA = 0.5f;
63 
64     private static final float MAX_GLOW_SCALE = 2.f;
65 
66     private static final float PULL_GLOW_BEGIN = 0.f;
67 
68     // Minimum velocity that will be absorbed
69     private static final int MIN_VELOCITY = 100;
70     // Maximum velocity, clamps at this value
71     private static final int MAX_VELOCITY = 10000;
72 
73     private static final float EPSILON = 0.001f;
74 
75     private static final double ANGLE = Math.PI / 6;
76     private static final float SIN = (float) Math.sin(ANGLE);
77     private static final float COS = (float) Math.cos(ANGLE);
78 
79     private float mGlowAlpha;
80     private float mGlowScaleY;
81 
82     private float mGlowAlphaStart;
83     private float mGlowAlphaFinish;
84     private float mGlowScaleYStart;
85     private float mGlowScaleYFinish;
86 
87     private long mStartTime;
88     private float mDuration;
89 
90     private final Interpolator mInterpolator;
91 
92     private static final int STATE_IDLE = 0;
93     private static final int STATE_PULL = 1;
94     private static final int STATE_ABSORB = 2;
95     private static final int STATE_RECEDE = 3;
96     private static final int STATE_PULL_DECAY = 4;
97 
98     private static final float PULL_DISTANCE_ALPHA_GLOW_FACTOR = 0.8f;
99 
100     private static final int VELOCITY_GLOW_FACTOR = 6;
101 
102     private int mState = STATE_IDLE;
103 
104     private float mPullDistance;
105 
106     private final Rect mBounds = new Rect();
107     private final Paint mPaint = new Paint();
108     private float mRadius;
109     private float mBaseGlowScale;
110     private float mDisplacement = 0.5f;
111     private float mTargetDisplacement = 0.5f;
112 
113     /**
114      * Construct a new EdgeEffect with a theme appropriate for the provided context.
115      * @param context Context used to provide theming and resource information for the EdgeEffect
116      */
EdgeEffect(Context context)117     public EdgeEffect(Context context) {
118         mPaint.setAntiAlias(true);
119         final TypedArray a = context.obtainStyledAttributes(
120                 com.android.internal.R.styleable.EdgeEffect);
121         final int themeColor = a.getColor(
122                 com.android.internal.R.styleable.EdgeEffect_colorEdgeEffect, 0xff666666);
123         a.recycle();
124         mPaint.setColor((themeColor & 0xffffff) | 0x33000000);
125         mPaint.setStyle(Paint.Style.FILL);
126         mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_ATOP));
127         mInterpolator = new DecelerateInterpolator();
128     }
129 
130     /**
131      * Set the size of this edge effect in pixels.
132      *
133      * @param width Effect width in pixels
134      * @param height Effect height in pixels
135      */
setSize(int width, int height)136     public void setSize(int width, int height) {
137         final float r = width * 0.75f / SIN;
138         final float y = COS * r;
139         final float h = r - y;
140         final float or = height * 0.75f / SIN;
141         final float oy = COS * or;
142         final float oh = or - oy;
143 
144         mRadius = r;
145         mBaseGlowScale = h > 0 ? Math.min(oh / h, 1.f) : 1.f;
146 
147         mBounds.set(mBounds.left, mBounds.top, width, (int) Math.min(height, h));
148     }
149 
150     /**
151      * Reports if this EdgeEffect's animation is finished. If this method returns false
152      * after a call to {@link #draw(Canvas)} the host widget should schedule another
153      * drawing pass to continue the animation.
154      *
155      * @return true if animation is finished, false if drawing should continue on the next frame.
156      */
isFinished()157     public boolean isFinished() {
158         return mState == STATE_IDLE;
159     }
160 
161     /**
162      * Immediately finish the current animation.
163      * After this call {@link #isFinished()} will return true.
164      */
finish()165     public void finish() {
166         mState = STATE_IDLE;
167     }
168 
169     /**
170      * A view should call this when content is pulled away from an edge by the user.
171      * This will update the state of the current visual effect and its associated animation.
172      * The host view should always {@link android.view.View#invalidate()} after this
173      * and draw the results accordingly.
174      *
175      * <p>Views using EdgeEffect should favor {@link #onPull(float, float)} when the displacement
176      * of the pull point is known.</p>
177      *
178      * @param deltaDistance Change in distance since the last call. Values may be 0 (no change) to
179      *                      1.f (full length of the view) or negative values to express change
180      *                      back toward the edge reached to initiate the effect.
181      */
onPull(float deltaDistance)182     public void onPull(float deltaDistance) {
183         onPull(deltaDistance, 0.5f);
184     }
185 
186     /**
187      * A view should call this when content is pulled away from an edge by the user.
188      * This will update the state of the current visual effect and its associated animation.
189      * The host view should always {@link android.view.View#invalidate()} after this
190      * and draw the results accordingly.
191      *
192      * @param deltaDistance Change in distance since the last call. Values may be 0 (no change) to
193      *                      1.f (full length of the view) or negative values to express change
194      *                      back toward the edge reached to initiate the effect.
195      * @param displacement The displacement from the starting side of the effect of the point
196      *                     initiating the pull. In the case of touch this is the finger position.
197      *                     Values may be from 0-1.
198      */
onPull(float deltaDistance, float displacement)199     public void onPull(float deltaDistance, float displacement) {
200         final long now = AnimationUtils.currentAnimationTimeMillis();
201         mTargetDisplacement = displacement;
202         if (mState == STATE_PULL_DECAY && now - mStartTime < mDuration) {
203             return;
204         }
205         if (mState != STATE_PULL) {
206             mGlowScaleY = Math.max(PULL_GLOW_BEGIN, mGlowScaleY);
207         }
208         mState = STATE_PULL;
209 
210         mStartTime = now;
211         mDuration = PULL_TIME;
212 
213         mPullDistance += deltaDistance;
214 
215         final float absdd = Math.abs(deltaDistance);
216         mGlowAlpha = mGlowAlphaStart = Math.min(MAX_ALPHA,
217                 mGlowAlpha + (absdd * PULL_DISTANCE_ALPHA_GLOW_FACTOR));
218 
219         if (mPullDistance == 0) {
220             mGlowScaleY = mGlowScaleYStart = 0;
221         } else {
222             final float scale = (float) (Math.max(0, 1 - 1 /
223                     Math.sqrt(Math.abs(mPullDistance) * mBounds.height()) - 0.3d) / 0.7d);
224 
225             mGlowScaleY = mGlowScaleYStart = scale;
226         }
227 
228         mGlowAlphaFinish = mGlowAlpha;
229         mGlowScaleYFinish = mGlowScaleY;
230     }
231 
232     /**
233      * Call when the object is released after being pulled.
234      * This will begin the "decay" phase of the effect. After calling this method
235      * the host view should {@link android.view.View#invalidate()} and thereby
236      * draw the results accordingly.
237      */
onRelease()238     public void onRelease() {
239         mPullDistance = 0;
240 
241         if (mState != STATE_PULL && mState != STATE_PULL_DECAY) {
242             return;
243         }
244 
245         mState = STATE_RECEDE;
246         mGlowAlphaStart = mGlowAlpha;
247         mGlowScaleYStart = mGlowScaleY;
248 
249         mGlowAlphaFinish = 0.f;
250         mGlowScaleYFinish = 0.f;
251 
252         mStartTime = AnimationUtils.currentAnimationTimeMillis();
253         mDuration = RECEDE_TIME;
254     }
255 
256     /**
257      * Call when the effect absorbs an impact at the given velocity.
258      * Used when a fling reaches the scroll boundary.
259      *
260      * <p>When using a {@link android.widget.Scroller} or {@link android.widget.OverScroller},
261      * the method <code>getCurrVelocity</code> will provide a reasonable approximation
262      * to use here.</p>
263      *
264      * @param velocity Velocity at impact in pixels per second.
265      */
onAbsorb(int velocity)266     public void onAbsorb(int velocity) {
267         mState = STATE_ABSORB;
268         velocity = Math.min(Math.max(MIN_VELOCITY, Math.abs(velocity)), MAX_VELOCITY);
269 
270         mStartTime = AnimationUtils.currentAnimationTimeMillis();
271         mDuration = 0.15f + (velocity * 0.02f);
272 
273         // The glow depends more on the velocity, and therefore starts out
274         // nearly invisible.
275         mGlowAlphaStart = 0.3f;
276         mGlowScaleYStart = Math.max(mGlowScaleY, 0.f);
277 
278 
279         // Growth for the size of the glow should be quadratic to properly
280         // respond
281         // to a user's scrolling speed. The faster the scrolling speed, the more
282         // intense the effect should be for both the size and the saturation.
283         mGlowScaleYFinish = Math.min(0.025f + (velocity * (velocity / 100) * 0.00015f) / 2, 1.f);
284         // Alpha should change for the glow as well as size.
285         mGlowAlphaFinish = Math.max(
286                 mGlowAlphaStart, Math.min(velocity * VELOCITY_GLOW_FACTOR * .00001f, MAX_ALPHA));
287         mTargetDisplacement = 0.5f;
288     }
289 
290     /**
291      * Set the color of this edge effect in argb.
292      *
293      * @param color Color in argb
294      */
setColor(@olorInt int color)295     public void setColor(@ColorInt int color) {
296         mPaint.setColor(color);
297     }
298 
299     /**
300      * Return the color of this edge effect in argb.
301      * @return The color of this edge effect in argb
302      */
303     @ColorInt
getColor()304     public int getColor() {
305         return mPaint.getColor();
306     }
307 
308     /**
309      * Draw into the provided canvas. Assumes that the canvas has been rotated
310      * accordingly and the size has been set. The effect will be drawn the full
311      * width of X=0 to X=width, beginning from Y=0 and extending to some factor <
312      * 1.f of height.
313      *
314      * @param canvas Canvas to draw into
315      * @return true if drawing should continue beyond this frame to continue the
316      *         animation
317      */
draw(Canvas canvas)318     public boolean draw(Canvas canvas) {
319         update();
320 
321         final int count = canvas.save();
322 
323         final float centerX = mBounds.centerX();
324         final float centerY = mBounds.height() - mRadius;
325 
326         canvas.scale(1.f, Math.min(mGlowScaleY, 1.f) * mBaseGlowScale, centerX, 0);
327 
328         final float displacement = Math.max(0, Math.min(mDisplacement, 1.f)) - 0.5f;
329         float translateX = mBounds.width() * displacement / 2;
330 
331         canvas.clipRect(mBounds);
332         canvas.translate(translateX, 0);
333         mPaint.setAlpha((int) (0xff * mGlowAlpha));
334         canvas.drawCircle(centerX, centerY, mRadius, mPaint);
335         canvas.restoreToCount(count);
336 
337         boolean oneLastFrame = false;
338         if (mState == STATE_RECEDE && mGlowScaleY == 0) {
339             mState = STATE_IDLE;
340             oneLastFrame = true;
341         }
342 
343         return mState != STATE_IDLE || oneLastFrame;
344     }
345 
346     /**
347      * Return the maximum height that the edge effect will be drawn at given the original
348      * {@link #setSize(int, int) input size}.
349      * @return The maximum height of the edge effect
350      */
getMaxHeight()351     public int getMaxHeight() {
352         return (int) (mBounds.height() * MAX_GLOW_SCALE + 0.5f);
353     }
354 
update()355     private void update() {
356         final long time = AnimationUtils.currentAnimationTimeMillis();
357         final float t = Math.min((time - mStartTime) / mDuration, 1.f);
358 
359         final float interp = mInterpolator.getInterpolation(t);
360 
361         mGlowAlpha = mGlowAlphaStart + (mGlowAlphaFinish - mGlowAlphaStart) * interp;
362         mGlowScaleY = mGlowScaleYStart + (mGlowScaleYFinish - mGlowScaleYStart) * interp;
363         mDisplacement = (mDisplacement + mTargetDisplacement) / 2;
364 
365         if (t >= 1.f - EPSILON) {
366             switch (mState) {
367                 case STATE_ABSORB:
368                     mState = STATE_RECEDE;
369                     mStartTime = AnimationUtils.currentAnimationTimeMillis();
370                     mDuration = RECEDE_TIME;
371 
372                     mGlowAlphaStart = mGlowAlpha;
373                     mGlowScaleYStart = mGlowScaleY;
374 
375                     // After absorb, the glow should fade to nothing.
376                     mGlowAlphaFinish = 0.f;
377                     mGlowScaleYFinish = 0.f;
378                     break;
379                 case STATE_PULL:
380                     mState = STATE_PULL_DECAY;
381                     mStartTime = AnimationUtils.currentAnimationTimeMillis();
382                     mDuration = PULL_DECAY_TIME;
383 
384                     mGlowAlphaStart = mGlowAlpha;
385                     mGlowScaleYStart = mGlowScaleY;
386 
387                     // After pull, the glow should fade to nothing.
388                     mGlowAlphaFinish = 0.f;
389                     mGlowScaleYFinish = 0.f;
390                     break;
391                 case STATE_PULL_DECAY:
392                     mState = STATE_RECEDE;
393                     break;
394                 case STATE_RECEDE:
395                     mState = STATE_IDLE;
396                     break;
397             }
398         }
399     }
400 }
401