Android中怎么實(shí)現(xiàn)橫向滾動(dòng)屏幕特效

本篇文章給大家分享的是有關(guān)Android中怎么實(shí)現(xiàn)橫向滾動(dòng)屏幕特效，小編覺得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

目前成都創(chuàng)新互聯(lián)已為近1000家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)絡(luò)空間、網(wǎng)站托管維護(hù)、企業(yè)網(wǎng)站設(shè)計(jì)、且末網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

一.VelocityTracker  速度追蹤器

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

二.ViewConfiguration

這個(gè)類里面定義了android的許多標(biāo)準(zhǔn)的常量（UI的超時(shí)、大小和距離等）。

三.GestureDetector 手勢識別器

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

四.Scroller  

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

其中Scroller.computeScrollOffset()方法是判斷scroller的移動(dòng)動(dòng)畫是否完成，當(dāng)你調(diào)用startScroll()方法的時(shí)候這個(gè)方法返回的值一直都為true，如果采用其它方式移動(dòng)視圖比如：scrollTo()或 scrollBy時(shí)那么這個(gè)方法返回false。

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

  • startX表示當(dāng)前視圖的x坐標(biāo)值

  • startY表示當(dāng)前視圖的y坐標(biāo)值

  • dx表示在當(dāng)前視圖的x坐標(biāo)基礎(chǔ)上橫向移動(dòng)的距離

  • dy表示在當(dāng)前視圖的y坐標(biāo)基礎(chǔ)上縱向移動(dòng)的距離

  • duration表示視圖移動(dòng)的操作在多少時(shí)間內(nèi)執(zhí)行完場，也就是動(dòng)畫的持續(xù)時(shí)間(單位：毫秒)

五.ViewGroup

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

下面我們來分別分析我們要使用這5個(gè)類的那些方法，首先我們來看ViewGroup類，因?yàn)槲覀冏远x的控件就是繼承至這個(gè)類，我們會重寫這個(gè)類中的5個(gè)方法如下：

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

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

2.onMeasure(int widthMeasureSpec, int  heightMeasureSpec)

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

有三種可能的模式：

  • UNSPECIFIED：父布局沒有給子布局任何限制，子布局可以任意大小。

  • EXACTLY：父布局決定子布局的確切大小。不論子布局多大，它都必須限制在這個(gè)界限里。(當(dāng)布局定義為一個(gè)固定像素或者fill_parent時(shí)就是EXACTLY模式)

  • AT_MOST：子布局可以根據(jù)自己的大小選擇任意大小。(當(dāng)布局定義為wrap_content時(shí)就是AT_MOST模式)

3.computeScroll()

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

4.onTouchEvent(MotionEvent event)

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

5.onInterceptTouchEvent(MotionEvent ev)

用于攔截手勢事件的，每個(gè)手勢事件都會先調(diào)用這個(gè)方法。Layout里的onInterceptTouchEvent默認(rèn)返回值是false,這樣touch事件會傳遞到View控件。

下面再將幾個(gè)大家可能比較混亂的方法說明一下：

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

getX()和getRawX()這兩個(gè)方法的左右都是獲取當(dāng)前點(diǎn)在屏幕上的坐標(biāo)，getX()是獲取當(dāng)前點(diǎn)相對于當(dāng)前視圖左上角的坐標(biāo)，getRawX()則是獲取當(dāng)前點(diǎn)相對于手機(jī)屏幕左上角的坐標(biāo)。

上面已經(jīng)把我們要用到的類和方法做了詳細(xì)描述，下面就是實(shí)現(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. * 當(dāng)前的屏幕位置 
  20. */ 
  21. private int mCurScreen; 
  22.  
  23. /** 
  24. * 設(shè)置默認(rèn)屏幕的屬性，0表示***個(gè)屏幕 
  25. */ 
  26. private int mDefaultScreen = 0; 
  27.  
  28. /** 
  29. * 標(biāo)識滾動(dòng)操作已結(jié)束 
  30. */ 
  31. private static final int TOUCH_STATE_REST = 0; 
  32. /** 
  33. * 標(biāo)識正在執(zhí)行滑動(dòng)操作 
  34. */ 
  35. private static final int TOUCH_STATE_SCROLLING = 1; 
  36.  
  37. /** 
  38. * 標(biāo)識滑動(dòng)速率 
  39. */ 
  40. private static final int SNAP_VELOCITY = 600; 
  41.  
  42. /** 
  43. * 當(dāng)前滑動(dòng)狀態(tài) 
  44. */ 
  45. private int mTouchState = TOUCH_STATE_REST; 
  46.  
  47. /** 
  48. * 在用戶觸發(fā)ontouch事件之前,我們認(rèn)為用戶能夠使view滑動(dòng)的距離（像素） 
  49. */ 
  50. private int mTouchSlop; 
  51.  
  52. /** 
  53. * 手指觸碰屏幕的***一次x坐標(biāo) 
  54. */ 
  55. private float mLastMotionX; 
  56.  
  57. /** 
  58. * 手指觸碰屏幕的***一次y坐標(biāo) 
  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.  
  70. public ScrollLayout(Context context, AttributeSet attrs) { 
  71. super(context, attrs); 
  72. mScroller = new Scroller(context); 
  73. mCurScreen = mDefaultScreen; 
  74. mTouchSlop = ViewConfiguration.get(getContext()).getScaledTouchSlop(); 
  75. } 
  76.  
  77. public ScrollLayout(Context context, AttributeSet attrs, int defStyle) { 
  78. super(context, attrs, defStyle); 
  79. mScroller = new Scroller(context); 
  80. mCurScreen = mDefaultScreen; 
  81. mTouchSlop = ViewConfiguration.get(getContext()).getScaledTouchSlop(); 
  82. } 
  83.  
  84. @Override 
  85. protected void onLayout(boolean changed, int l, int t, int r, int b) { 
  86. if (changed) { 
  87. int childLeft = 0; 
  88. final int childCount = getChildCount(); 
  89.  
  90. for (int i = 0; i < childCount; i++) { 
  91. final View childView = getChildAt(i); 
  92. if (childView.getVisibility() != View.GONE) { 
  93. final int childWidth = childView.getMeasuredWidth(); 
  94. childView.layout(childLeft, 0, childLeft + childWidth, 
  95. childView.getMeasuredHeight()); 
  96. childLeft += childWidth; 
  97. } 
  98. } 
  99. } 
  100. } 
  101.  
  102. @Override 
  103. protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 
  104. super.onMeasure(widthMeasureSpec, heightMeasureSpec); 
  105.  
  106. final int width = MeasureSpec.getSize(widthMeasureSpec); 
  107. final int widthMode = MeasureSpec.getMode(widthMeasureSpec); 
  108. if (widthMode != MeasureSpec.EXACTLY) { 
  109. throw new IllegalStateException( 
  110. "ScrollLayout only canmCurScreen run at EXACTLY mode!"); 
  111. } 
  112.  
  113. final int heightMode = MeasureSpec.getMode(heightMeasureSpec); 
  114. if (heightMode != MeasureSpec.EXACTLY) { 
  115. throw new IllegalStateException( 
  116. "ScrollLayout only can run at EXACTLY mode!"); 
  117. } 
  118.  
  119. final int count = getChildCount(); 
  120. for (int i = 0; i < count; i++) { 
  121. getChildAt(i).measure(widthMeasureSpec, heightMeasureSpec); 
  122. } 
  123. // 初始化視圖的位置 
  124. scrollTo(mCurScreen * width, 0); 
  125. } 
  126.  
  127. /** 
  128. * 根據(jù)滑動(dòng)的距離判斷移動(dòng)到第幾個(gè)視圖 
  129. */ 
  130. public void snapToDestination() { 
  131. final int screenWidth = getWidth(); 
  132. final int destScreen = (getScrollX() + screenWidth / 2) / screenWidth; 
  133. snapToScreen(destScreen); 
  134. } 
  135.  
  136. /** 
  137. * 滾動(dòng)到制定的視圖 
  138. * 
  139. * @param whichScreen 
  140. * 視圖下標(biāo) 
  141. */ 
  142. public void snapToScreen(int whichScreen) { 
  143. whichScreen = Math.max(0, Math.min(whichScreen, getChildCount() - 1)); 
  144. if (getScrollX() != (whichScreen * getWidth())) { 
  145.  
  146. final int delta = whichScreen * getWidth() - getScrollX(); 
  147. mScroller.startScroll(getScrollX(), 0, delta, 0, 1000); 
  148. mCurScreen = whichScreen; 
  149. invalidate(); 
  150. } 
  151. } 
  152.  
  153. public void setToScreen(int whichScreen) { 
  154. whichScreen = Math.max(0, Math.min(whichScreen, getChildCount() - 1)); 
  155. mCurScreen = whichScreen; 
  156. scrollTo(whichScreen * getWidth(), 0); 
  157. } 
  158.  
  159. public int getCurScreen() { 
  160. return mCurScreen; 
  161. } 
  162.  
  163. @Override 
  164. public void computeScroll() { 
  165. if (mScroller.computeScrollOffset()) { 
  166. scrollTo(mScroller.getCurrX(), mScroller.getCurrY()); 
  167. postInvalidate(); 
  168. } 
  169. } 
  170.  
  171. @Override 
  172. public boolean onTouchEvent(MotionEvent event) { 
  173. if (mVelocityTracker == null) { 
  174. mVelocityTracker = VelocityTracker.obtain(); 
  175. } 
  176. mVelocityTracker.addMovement(event); 
  177.  
  178. final int action = event.getAction(); 
  179. final float x = event.getX(); 
  180.  
  181. switch (action) { 
  182. case MotionEvent.ACTION_DOWN: 
  183. if (!mScroller.isFinished()) { 
  184. mScroller.abortAnimation(); 
  185. } 
  186. mLastMotionX = x; 
  187. break; 
  188.  
  189. case MotionEvent.ACTION_MOVE: 
  190. int deltaX = (int) (mLastMotionX - x); 
  191. mLastMotionX = x; 
  192.  
  193. scrollBy(deltaX, 0); 
  194. break; 
  195.  
  196. case MotionEvent.ACTION_UP: 
  197. final VelocityTracker velocityTracker = mVelocityTracker; 
  198. velocityTracker.computeCurrentVelocity(1000); 
  199. int velocityX = (int) velocityTracker.getXVelocity(); 
  200.  
  201. if (velocityX > SNAP_VELOCITY && mCurScreen > 0) { 
  202. // 向左移動(dòng) 
  203. snapToScreen(mCurScreen - 1); 
  204. } else if (velocityX < -SNAP_VELOCITY 
  205. && mCurScreen < getChildCount() - 1) { 
  206. // 向右移動(dòng) 
  207. snapToScreen(mCurScreen + 1); 
  208. } else { 
  209. snapToDestination(); 
  210. } 
  211. if (mVelocityTracker != null) { 
  212. mVelocityTracker.recycle(); 
  213. mVelocityTracker = null; 
  214. } 
  215. mTouchState = TOUCH_STATE_REST; 
  216. break; 
  217. case MotionEvent.ACTION_CANCEL: 
  218. mTouchState = TOUCH_STATE_REST; 
  219. break; 
  220. } 
  221.  
  222. return true; 
  223. } 
  224.  
  225. @Override 
  226. public boolean onInterceptTouchEvent(MotionEvent ev) { 
  227. final int action = ev.getAction(); 
  228. if ((action == MotionEvent.ACTION_MOVE) 
  229. && (mTouchState != TOUCH_STATE_REST)) { 
  230. return true; 
  231. } 
  232.  
  233. final float x = ev.getX(); 
  234. final float y = ev.getY(); 
  235.  
  236. switch (action) { 
  237. case MotionEvent.ACTION_MOVE: 
  238. final int xDiff = (int) Math.abs(mLastMotionX - x); 
  239. if (xDiff > mTouchSlop) { 
  240. mTouchState = TOUCH_STATE_SCROLLING; 
  241. } 
  242. break; 
  243.  
  244. case MotionEvent.ACTION_DOWN: 
  245. mLastMotionX = x; 
  246. mLastMotionY = y; 
  247. mTouchState = mScroller.isFinished() ? TOUCH_STATE_REST 
  248. : TOUCH_STATE_SCROLLING; 
  249. break; 
  250.  
  251. case MotionEvent.ACTION_CANCEL: 
  252. case MotionEvent.ACTION_UP: 
  253. mTouchState = TOUCH_STATE_REST; 
  254. break; 
  255. } 
  256.  
  257. return mTouchState != TOUCH_STATE_REST; 
  258. } 
  259.  
  260. }

以上就是Android中怎么實(shí)現(xiàn)橫向滾動(dòng)屏幕特效，小編相信有部分知識點(diǎn)可能是我們?nèi)粘９ぷ鲿姷交蛴玫降?。希望你能通過這篇文章學(xué)到更多知識。更多詳情敬請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)頁題目：Android中怎么實(shí)現(xiàn)橫向滾動(dòng)屏幕特效
文章路徑：http://muchs.cn/article26/ipijjg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供自適應(yīng)網(wǎng)站、品牌網(wǎng)站設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)公司、標(biāo)簽優(yōu)化、商城網(wǎng)站、靜態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

網(wǎng)站托管運(yùn)營