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