前言
這是幾個月前寫的博文,睡前看了覺得有些敷衍,還是改了再發吧。
之前的博客做了個鎖屏應用,在以前各種酷炫的鎖屏效果是很流行的,有時候會去鎖屏市場看看哪些自己喜歡的特效,發現有個很酷炫的熒光解鎖的效果,于是想著能否自己實現一下。
鎖屏效果:
	
原理:
鎖屏的原理在前些篇章已經有做介紹了,這里主要講熒光這種效果的實現。
原理要點:
1)關于熒光點,每一個熒光店都是我們一個對象實體,因此我們將其單獨構造為一個類,它具有自己的一些屬性,比如熒光開始時間,熒光點的半徑,熒光點的生命周期等。
 /**  * 熒光點  */ private class FluorescencePointF{  public PointF mPointF; //熒光點坐標  public long mStartTime; //開始時間  private float mRadius; //熒光點半徑  private final float MAX_RADIUS = Constant.sScaleX * 15; //熒光點最大半徑  private final float MIN_RADIUS = Constant.sScaleX * 8; //熒光點最小半徑  private final long SHOW_TIME = 600;     //熒光維持時間  private final Interpolator DEC_INTERPOLATOR = new DecelerateInterpolator(); //減速  /**   * 構造方法   */  public FluorescencePointF(PointF pointF) {   this.mPointF = pointF;   this.mStartTime = System.currentTimeMillis();   this.mRadius = MIN_RADIUS + mRandom.nextInt((int) MAX_RADIUS);   Log.e(TAG,"FluorescencePointF point:" + "x:" +pointF.x + " y:" + pointF.y);   Log.e(TAG,"FluorescencePointF radius:" + this.mRadius);  }  /**   * 獲得半徑   */  public float getRadius(){   if(!isAlive()) return 0;   return mRadius * DEC_INTERPOLATOR.getInterpolation(     ((float)SHOW_TIME - (System.currentTimeMillis() - mStartTime))/ SHOW_TIME);  }  /**   * 熒光點是否生存   * @return   */  public boolean isAlive(){    return System.currentTimeMillis() - mStartTime <= SHOW_TIME;  } }2)關于熒光發光的實現
	從鎖屏主題的效果我們可以看到,熒光點都是先發光閃亮,后來隨著半徑逐漸變小,亮度逐漸減弱。
	光亮效果我們可以通過RadialGradient類渲染來實現,同時我們可以通過逐漸改變半徑大小,來讓熒光點看起來慢慢縮小。
Shader shader = new RadialGradient(fluorescencePointF.mPointF.x,fluorescencePointF .mPointF.y,radius,COLOR_WHITE,COLOR_WHITE_SHADER, Shader.TileMode.CLAMP); mPaintShader.setShader(shader); canvas.drawCircle(fluorescencePointF.mPointF.x,fluorescencePointF.mPointF.y, fluorescencePointF.getRadius(),mPaintShader);
3)關于熒光點錯落閃亮的效果
實現了一個熒光點如何發光的效果,接下來我們要實現的是一堆熒光點,為了讓熒光效果看起來自然,我們當然不能同時產生一堆熒光點,我們要造成一種“隨機”的效果,即隨機的產生的時機,隨機的數量,隨機的大小,隨機的坐標。
通過隨機數,產生隨機數量的熒光點,這時候熒光點的坐標和半徑也是隨機生成的(詳見熒光點類的構造方法)
4)關于邏輯處理
邏輯的處理就很簡單了,我們只需要在onTouchEvent()方法里處理觸摸事件,生成隨機的熒光點就行了。
 @Override public boolean onTouchEvent(MotionEvent event) { int action = event.getAction(); mTouchPoint.x = event.getX(); mTouchPoint.y = event.getY(); switch (action){  //手指按下的時候,在手指附近區域生成熒光點  case MotionEvent.ACTION_DOWN:  mStartPoint.x = mTouchPoint.x;  mStartPoint.y = mTouchPoint.y;  createRandomPoints();  invalidate();  break;  //手指移動,繼續生成熒光點   case MotionEvent.ACTION_MOVE:  createRandomPoints();  invalidate();  break;  case MotionEvent.ACTION_UP:  if(getDistance(mTouchPoint.x,mTouchPoint.y,mStartPoint.x,mStartPoint.y) >=    UNLOCK_DISTANCE)   Global.Broadcast(getContext(),"");  break;  case MotionEvent.ACTION_CANCEL:  if(getDistance(mTouchPoint.x,mTouchPoint.y,mStartPoint.x,mStartPoint.y) >=   UNLOCK_DISTANCE)   Global.Broadcast(getContext(),"");  break;  default:  break; } return true; }碼完,比較簡單,如有錯漏,歡迎指正
代碼傳送門:Android實現熒光效果
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持VEVB武林網。
新聞熱點
疑難解答