Android横向滚动屏幕特效分析

今天教大家写一个类似于Android桌面的launcher效果的自定义控件，在开始写之前大家需要熟悉几个类和它们的方法，下面我分别列出来：

一.VelocityTracker 速度追踪器

顾名思义这个类的作用主要是追踪用户手指在屏幕上的滑动速度。当你要跟踪一个touch事件的时候，使用obtain()方法得到这个类的实 例，然后 用addMovement(MotionEvent)函数将你接受到的motion event加入到VelocityTracker类实例中。当你使用到速率时，使用computeCurrentVelocity(int)初始化速率的 单位，并获得当前的事件的速率，然后使用getXVelocity() 或getXVelocity()获得横向和竖向的速率。

二.ViewConfiguration

这个类里面定义了android的许多标准的常量（UI的超时、大小和距离等）。

三.GestureDetector 手势识别器

这个类主要是追踪用户手指在屏幕上的滑动方向，这个类在我们马上要实现的类中没有使用，但是使用的原理和它差不多，所以顺便提一下，而且在以后的开发中，这个类也是经常使用的。

四.Scroller

这个类主要是支持view控件滑动，其实android很多可滑动的控件里面默认隐藏的就是这个类。而且这个类没有进行实际的视图移动，当调用它的 startScroll()方法实际上只是为了在父类调用computeScroll()方法前开始动画，也就是说这个类实际上就是相当于一个代理，值是 为了给后面视图移动添加一些动画效果。所以单独调用startScroll()而不重写computeScroll()方法是不会看到任何效果的。这两者 必须配合使用,才能有移动的时候的动画效果。

其中Scroller.computeScrollOffset()方法是判断scroller的移动动画是否完成，当你调用startScroll()方法的时候这个方法返回的值一直都为true，如果采用其它方式移动视图比如：scrollTo()或 scrollBy时那么这个方法返回false。

现在来讲讲startScroll(int startX, int startY, int dx, int dy, int duration)方法的四个参数的意思：

  • startX表示当前视图的x坐标值
  • startY表示当前视图的y坐标值
  • dx表示在当前视图的x坐标基础上横向移动的距离
  • dy表示在当前视图的y坐标基础上纵向移动的距离
  • duration表示视图移动的操作在多少时间内执行完场，也就是动画的持续时间(单位：毫秒)

五.ViewGroup

这是个特殊的View，它继承于Android.view.View，它的功能就是装载和管理下一层的View对象或ViewGroup对象，也就说他是一个容纳其它元素的的容器。

下面我们来分别分析我们要使用这5个类的那些方法，首先我们来看ViewGroup类，因为我们自定义的控件就是继承至这个类，我们会重写这个类中的5个方法如下：

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

这个方法是在onMeasure()方法执行后调用，作用是父类为子类在屏幕上分配实际的宽度和高度。里面的四个参数分别表示，布局是否发生改变，布局左 上右下的边距。

2.onMeasure(int widthMeasureSpec, int heightMeasureSpec)

这个方法在控件的父元素正要放置它的子控件时调用。然后传入两个参数——widthMeasureSpec和 heightMeasureSpec。它们指明控件可获得的空间以及关于这个空间描述的元数据。比返回一个结果要好的方法是你传递View的高度和宽度到 setMeasuredDimension方法里。widthMeasureSpec和heightMeasureSpec参数在它们使用之前，首先要做 的是使用MeasureSpec类的静态方法getMode和getSize来译解。一个MeasureSpec包含一个尺寸和模式。

有三种可能的模式：

  • UNSPECIFIED：父布局没有给子布局任何限制，子布局可以任意大小。
  • EXACTLY：父布局决定子布局的确切大小。不论子布局多大，它都必须限制在这个界限里。(当布局定义为一个固定像素或者fill_parent时就是EXACTLY模式)
  • AT_MOST：子布局可以根据自己的大小选择任意大小。(当布局定义为wrap_content时就是AT_MOST模式)

3.computeScroll()

这个方法主要是父类要求它的子类滚动的时候调用。在这个方法里，我们可以实现 view的滚动操作，这里滚动并不是view的滚动而是布局的滚动。当调用scroller的startScroll()方法后父类就会调用这个方法实现 滚动视图滚动操作。

4.onTouchEvent(MotionEvent event)

处理传递到view 的手势事件。手势事件类型包括ACTION_DOWN,ACTION_MOVE,ACTION_UP,ACTION_CANCEL等事件。Layout里 的onTouch默认返回值是false, View里的onTouch默认返回值是true,当我们手指点击屏幕时候，先调用ACTION_DOWN事件,当onTouch里返回值是true的时 候，onTouch回继续调用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()则是获取当前点相对于手机屏幕左上角的坐标。

上面已经把我们要用到的类和方法做了详细描述，下面就是实现的源码：

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

网页标题：Android横向滚动屏幕特效分析
当前链接：http://www.shufengxianlan.com/qtweb/news28/342878.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

网站内链知识

同城分类信息

乐山网站建设　　 　成都网站推广　　 　企业手机网站建设　　 　成都创新互联　　 　网站改版维护　　 　成都展柜设计　　 　简阳机房托管　　 　边坡柔性防护网　　 　成都网站SEO优化公司　　 　成都网站制作　　 　短视频拍摄　　 　成都网站改版　　 　马边网站建设　　 　微信小程序开发　　 　成都app软件开发　　 　国泰民安消防　　 　企业网站改版　　 　主动防护网　　 　温江服务器托管　　 　成都微信开发