自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

Android橫向滾動屏幕特效分析

移動開發(fā) Android
類似于Android桌面的launcher效果的自定義控件,這里介紹了它的五大類和實現(xiàn)的代碼。希望大家喜歡。

今天教大家寫一個類似于Android桌面的launcher效果的自定義控件,在開始寫之前大家需要熟悉幾個類和它們的方法,下面我分別列出來:

一.VelocityTracker 速度追蹤器

顧名思義這個類的作用主要是追蹤用戶手指在屏幕上的滑動速度。當你要跟蹤一個touch事件的時候,使用obtain()方法得到這個類的實 例,然后 用addMovement(MotionEvent)函數(shù)將你接受到的motion event加入到VelocityTracker類實例中。當你使用到速率時,使用computeCurrentVelocity(int)初始化速率的 單位,并獲得當前的事件的速率,然后使用getXVelocity() 或getXVelocity()獲得橫向和豎向的速率。

二.ViewConfiguration

這個類里面定義了android的許多標準的常量(UI的超時、大小和距離等)。

三.GestureDetector 手勢識別器

這個類主要是追蹤用戶手指在屏幕上的滑動方向,這個類在我們馬上要實現(xiàn)的類中沒有使用,但是使用的原理和它差不多,所以順便提一下,而且在以后的開發(fā)中,這個類也是經常使用的。

四.Scroller

這個類主要是支持view控件滑動,其實android很多可滑動的控件里面默認隱藏的就是這個類。而且這個類沒有進行實際的視圖移動,當調用它的 startScroll()方法實際上只是為了在父類調用computeScroll()方法前開始動畫,也就是說這個類實際上就是相當于一個代理,值是 為了給后面視圖移動添加一些動畫效果。所以單獨調用startScroll()而不重寫computeScroll()方法是不會看到任何效果的。這兩者 必須配合使用,才能有移動的時候的動畫效果。

其中Scroller.computeScrollOffset()方法是判斷scroller的移動動畫是否完成,當你調用startScroll()方法的時候這個方法返回的值一直都為true,如果采用其它方式移動視圖比如:scrollTo()或 scrollBy時那么這個方法返回false。

現(xiàn)在來講講startScroll(int startX, int startY, int dx, int dy, int duration)方法的四個參數(shù)的意思:

  • startX表示當前視圖的x坐標值
  • startY表示當前視圖的y坐標值
  • dx表示在當前視圖的x坐標基礎上橫向移動的距離
  • dy表示在當前視圖的y坐標基礎上縱向移動的距離
  • duration表示視圖移動的操作在多少時間內執(zhí)行完場,也就是動畫的持續(xù)時間(單位:毫秒)

五.ViewGroup

這是個特殊的View,它繼承于Android.view.View,它的功能就是裝載和管理下一層的View對象或ViewGroup對象,也就說他是一個容納其它元素的的容器。

下面我們來分別分析我們要使用這5個類的那些方法,首先我們來看ViewGroup類,因為我們自定義的控件就是繼承至這個類,我們會重寫這個類中的5個方法如下:

1.onLayout(boolean changed, int l, int t, int r, int b)

這個方法是在onMeasure()方法執(zhí)行后調用,作用是父類為子類在屏幕上分配實際的寬度和高度。里面的四個參數(shù)分別表示,布局是否發(fā)生改變,布局左 上右下的邊距。

2.onMeasure(int widthMeasureSpec, int heightMeasureSpec)

這個方法在控件的父元素正要放置它的子控件時調用。然后傳入兩個參數(shù)——widthMeasureSpec和 heightMeasureSpec。它們指明控件可獲得的空間以及關于這個空間描述的元數(shù)據(jù)。比返回一個結果要好的方法是你傳遞View的高度和寬度到 setMeasuredDimension方法里。widthMeasureSpec和heightMeasureSpec參數(shù)在它們使用之前,首先要做 的是使用MeasureSpec類的靜態(tài)方法getMode和getSize來譯解。一個MeasureSpec包含一個尺寸和模式。

有三種可能的模式:

  • UNSPECIFIED:父布局沒有給子布局任何限制,子布局可以任意大小。
  • EXACTLY:父布局決定子布局的確切大小。不論子布局多大,它都必須限制在這個界限里。(當布局定義為一個固定像素或者fill_parent時就是EXACTLY模式)
  • AT_MOST:子布局可以根據(jù)自己的大小選擇任意大小。(當布局定義為wrap_content時就是AT_MOST模式)

3.computeScroll()

這個方法主要是父類要求它的子類滾動的時候調用。在這個方法里,我們可以實現(xiàn) view的滾動操作,這里滾動并不是view的滾動而是布局的滾動。當調用scroller的startScroll()方法后父類就會調用這個方法實現(xiàn) 滾動視圖滾動操作。

4.onTouchEvent(MotionEvent event)

處理傳遞到view 的手勢事件。手勢事件類型包括ACTION_DOWN,ACTION_MOVE,ACTION_UP,ACTION_CANCEL等事件。Layout里 的onTouch默認返回值是false, View里的onTouch默認返回值是true,當我們手指點擊屏幕時候,先調用ACTION_DOWN事件,當onTouch里返回值是true的時 候,onTouch回繼續(xù)調用ACTION_UP事件,如果onTouch里返回值是false,那么onTouch只會調用ACTION_DOWN而不調用ACTION_UP.

5.onInterceptTouchEvent(MotionEvent ev)

用于攔截手勢事件的,每個手勢事件都會先調用這個方法。Layout里的onInterceptTouchEvent默認返回值是false,這樣touch事件會傳遞到View控件。

下面再將幾個大家可能比較混亂的方法說明一下:

Invalidate()和PostInvalidate(),這兩個方法作用都一樣,就是呼叫ui線程重新繪制 界面也就是刷新界面。那為什么要兩個方法呢,這是因為android是多線程應用,大家應該都知道在非UI線程中是不能直接操作界面控件的,所以第2個方 法就幫助大家在子線程中刷行界面,***個方法則是在UI線程中刷新界面。

getX()和getRawX()這兩個方法的左右都是獲取當前點在屏幕上的坐標,getX()是獲取當前點相對于當前視圖左上角的坐標,getRawX()則是獲取當前點相對于手機屏幕左上角的坐標。

上面已經把我們要用到的類和方法做了詳細描述,下面就是實現(xiàn)的源碼:

  1. import android.content.Context; 
  2. import android.util.AttributeSet; 
  3. import android.view.MotionEvent; 
  4. import android.view.VelocityTracker; 
  5. import android.view.View; 
  6. import android.view.ViewConfiguration; 
  7. import android.view.ViewGroup; 
  8. import android.widget.Scroller; 
  9.  
  10. /** 
  11. * @author 
  12. */ 
  13. public class ScrollLayout extends ViewGroup { 
  14.  
  15. private Scroller mScroller; 
  16. private VelocityTracker mVelocityTracker; 
  17.  
  18. /** 
  19. * 當前的屏幕位置 
  20. */ 
  21. private int mCurScreen; 
  22.  
  23. /** 
  24. * 設置默認屏幕的屬性,0表示***個屏幕 
  25. */ 
  26. private int mDefaultScreen = 0
  27.  
  28. /** 
  29. * 標識滾動操作已結束 
  30. */ 
  31. private static final int TOUCH_STATE_REST = 0
  32. /** 
  33. * 標識正在執(zhí)行滑動操作 
  34. */ 
  35. private static final int TOUCH_STATE_SCROLLING = 1
  36.  
  37. /** 
  38. * 標識滑動速率 
  39. */ 
  40. private static final int SNAP_VELOCITY = 600
  41.  
  42. /** 
  43. * 當前滑動狀態(tài) 
  44. */ 
  45. private int mTouchState = TOUCH_STATE_REST; 
  46.  
  47. /** 
  48. * 在用戶觸發(fā)ontouch事件之前,我們認為用戶能夠使view滑動的距離(像素) 
  49. */ 
  50. private int mTouchSlop; 
  51.  
  52. /** 
  53. * 手指觸碰屏幕的***一次x坐標 
  54. */ 
  55. private float mLastMotionX; 
  56.  
  57. /** 
  58. * 手指觸碰屏幕的***一次y坐標 
  59. */ 
  60. @SuppressWarnings("unused"
  61. private float mLastMotionY; 
  62.  
  63. public ScrollLayout(Context context) { 
  64. super(context); 
  65. mScroller = new Scroller(context); 
  66. mCurScreen = mDefaultScreen; 
  67. mTouchSlop = ViewConfiguration.get(getContext()).getScaledTouchSlop(); 
  68.  
  69. public ScrollLayout(Context context, AttributeSet attrs) { 
  70. super(context, attrs); 
  71. mScroller = new Scroller(context); 
  72. mCurScreen = mDefaultScreen; 
  73. mTouchSlop = ViewConfiguration.get(getContext()).getScaledTouchSlop(); 
  74.  
  75. public ScrollLayout(Context context, AttributeSet attrs, int defStyle) { 
  76. super(context, attrs, defStyle); 
  77. mScroller = new Scroller(context); 
  78. mCurScreen = mDefaultScreen; 
  79. mTouchSlop = ViewConfiguration.get(getContext()).getScaledTouchSlop(); 
  80.  
  81. @Override 
  82. protected void onLayout(boolean changed, int l, int t, int r, int b) { 
  83. if (changed) { 
  84. int childLeft = 0
  85. final int childCount = getChildCount(); 
  86.  
  87. for (int i = 0; i < childCount; i++) { 
  88. final View childView = getChildAt(i); 
  89. if (childView.getVisibility() != View.GONE) { 
  90. final int childWidth = childView.getMeasuredWidth(); 
  91. childView.layout(childLeft, 0, childLeft + childWidth, 
  92. childView.getMeasuredHeight()); 
  93. childLeft += childWidth; 
  94.  
  95. @Override 
  96. protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 
  97. super.onMeasure(widthMeasureSpec, heightMeasureSpec); 
  98.  
  99. final int width = MeasureSpec.getSize(widthMeasureSpec); 
  100. final int widthMode = MeasureSpec.getMode(widthMeasureSpec); 
  101. if (widthMode != MeasureSpec.EXACTLY) { 
  102. throw new IllegalStateException( 
  103. "ScrollLayout only canmCurScreen run at EXACTLY mode!"); 
  104.  
  105. final int heightMode = MeasureSpec.getMode(heightMeasureSpec); 
  106. if (heightMode != MeasureSpec.EXACTLY) { 
  107. throw new IllegalStateException( 
  108. "ScrollLayout only can run at EXACTLY mode!"); 
  109.  
  110. final int count = getChildCount(); 
  111. for (int i = 0; i < count; i++) { 
  112. getChildAt(i).measure(widthMeasureSpec, heightMeasureSpec); 
  113. // 初始化視圖的位置 
  114. scrollTo(mCurScreen * width, 0); 
  115.  
  116. /** 
  117. * 根據(jù)滑動的距離判斷移動到第幾個視圖 
  118. */ 
  119. public void snapToDestination() { 
  120. final int screenWidth = getWidth(); 
  121. final int destScreen = (getScrollX() + screenWidth / 2) / screenWidth; 
  122. snapToScreen(destScreen); 
  123.  
  124. /** 
  125. * 滾動到制定的視圖 
  126. * 
  127. * @param whichScreen 
  128. * 視圖下標 
  129. */ 
  130. public void snapToScreen(int whichScreen) { 
  131. whichScreen = Math.max(0, Math.min(whichScreen, getChildCount() - 1)); 
  132. if (getScrollX() != (whichScreen * getWidth())) { 
  133.  
  134. final int delta = whichScreen * getWidth() - getScrollX(); 
  135. mScroller.startScroll(getScrollX(), 0, delta, 01000); 
  136. mCurScreen = whichScreen; 
  137. invalidate(); 
  138.  
  139. public void setToScreen(int whichScreen) { 
  140. whichScreen = Math.max(0, Math.min(whichScreen, getChildCount() - 1)); 
  141. mCurScreen = whichScreen; 
  142. scrollTo(whichScreen * getWidth(), 0); 
  143.  
  144. public int getCurScreen() { 
  145. return mCurScreen; 
  146.  
  147. @Override 
  148. public void computeScroll() { 
  149. if (mScroller.computeScrollOffset()) { 
  150. scrollTo(mScroller.getCurrX(), mScroller.getCurrY()); 
  151. postInvalidate(); 
  152.  
  153. @Override 
  154. public boolean onTouchEvent(MotionEvent event) { 
  155. if (mVelocityTracker == null) { 
  156. mVelocityTracker = VelocityTracker.obtain(); 
  157. mVelocityTracker.addMovement(event); 
  158.  
  159. final int action = event.getAction(); 
  160. final float x = event.getX(); 
  161.  
  162. switch (action) { 
  163. case MotionEvent.ACTION_DOWN: 
  164. if (!mScroller.isFinished()) { 
  165. mScroller.abortAnimation(); 
  166. mLastMotionX = x; 
  167. break
  168.  
  169. case MotionEvent.ACTION_MOVE: 
  170. int deltaX = (int) (mLastMotionX - x); 
  171. mLastMotionX = x; 
  172.  
  173. scrollBy(deltaX, 0); 
  174. break
  175.  
  176. case MotionEvent.ACTION_UP: 
  177. final VelocityTracker velocityTracker = mVelocityTracker; 
  178. velocityTracker.computeCurrentVelocity(1000); 
  179. int velocityX = (int) velocityTracker.getXVelocity(); 
  180.  
  181. if (velocityX > SNAP_VELOCITY && mCurScreen > 0) { 
  182. // 向左移動 
  183. snapToScreen(mCurScreen - 1); 
  184. else if (velocityX < -SNAP_VELOCITY 
  185. && mCurScreen < getChildCount() - 1) { 
  186. // 向右移動 
  187. snapToScreen(mCurScreen + 1); 
  188. else { 
  189. snapToDestination(); 
  190. if (mVelocityTracker != null) { 
  191. mVelocityTracker.recycle(); 
  192. mVelocityTracker = null
  193. mTouchState = TOUCH_STATE_REST; 
  194. break
  195. case MotionEvent.ACTION_CANCEL: 
  196. mTouchState = TOUCH_STATE_REST; 
  197. break
  198.  
  199. return true
  200.  
  201. @Override 
  202. public boolean onInterceptTouchEvent(MotionEvent ev) { 
  203. final int action = ev.getAction(); 
  204. if ((action == MotionEvent.ACTION_MOVE) 
  205. && (mTouchState != TOUCH_STATE_REST)) { 
  206. return true
  207.  
  208. final float x = ev.getX(); 
  209. final float y = ev.getY(); 
  210.  
  211. switch (action) { 
  212. case MotionEvent.ACTION_MOVE: 
  213. final int xDiff = (int) Math.abs(mLastMotionX - x); 
  214. if (xDiff > mTouchSlop) { 
  215. mTouchState = TOUCH_STATE_SCROLLING; 
  216. break
  217.  
  218. case MotionEvent.ACTION_DOWN: 
  219. mLastMotionX = x; 
  220. mLastMotionY = y; 
  221. mTouchState = mScroller.isFinished() ? TOUCH_STATE_REST 
  222. : TOUCH_STATE_SCROLLING; 
  223. break
  224.  
  225. case MotionEvent.ACTION_CANCEL: 
  226. case MotionEvent.ACTION_UP: 
  227. mTouchState = TOUCH_STATE_REST; 
  228. break
  229.  
  230. return mTouchState != TOUCH_STATE_REST; 
  231.  
  232. }
責任編輯:徐川 來源: 51CTO論壇
相關推薦

2021-06-18 10:12:09

JS代碼前端

2011-09-02 10:03:40

jQuery滾動圖片

2009-06-10 21:48:03

滾動圖片Javascript特

2011-09-02 09:49:29

JQuery圖片滾動

2011-05-05 17:13:25

故障筆記本

2024-07-31 08:26:47

2022-08-23 08:01:09

CSS前端

2013-05-22 09:49:36

2022-10-21 07:59:17

CSS滾動文字特效

2013-04-22 13:57:15

Android圖像特效

2017-01-11 19:00:05

Android嵌套滾動移動開發(fā)

2012-12-11 11:02:34

2009-11-10 14:13:44

VB.NET圖片框

2013-03-28 13:27:14

Android獲取屏幕

2009-04-10 13:57:50

C#C++Java

2013-01-04 16:17:33

Android開發(fā)圖像特效圖像處理

2017-02-22 07:22:51

2022-05-30 11:47:49

數(shù)據(jù)技術監(jiān)測

2012-05-30 22:27:24

Android

2021-12-08 06:53:28

Choreograph屏幕機制
點贊
收藏

51CTO技術棧公眾號