ome/img/nav3_on.png">
APP
系统平台
  • 建站知识
  • 联系我们
  • 咨询热线 :
    028-86922220

    疆括仕网站建设,新征程启航

    为企业提供网站建设、域名注册、服务器等服务

    Android中怎么实现横向滚动屏幕特效

    本篇文章给大家分享的是有关Android中怎么实现横向滚动屏幕特效,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

    目前成都创新互联已为近1000家的企业提供了网站建设、域名、网络空间、网站托管维护、企业网站设计、且末网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

    一.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. 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. * 标识正在执行滑动操作 

    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. * 当前滑动状态 

    44. */ 

    45. private int mTouchState = TOUCH_STATE_REST; 

    46.  

    47. /** 

    48. * 在用户触发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. * 根据滑动的距离判断移动到第几个视图 

    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. * @param whichScreen 

    127. * 视图下标 

    128. */ 

    129. public void snapToScreen(int whichScreen) { 

    130. whichScreen = Math.max(0, Math.min(whichScreen, getChildCount() - 1)); 

    131. if (getScrollX() != (whichScreen * getWidth())) { 

    132.  

    133. final int delta = whichScreen * getWidth() - getScrollX(); 

    134. mScroller.startScroll(getScrollX(), 0, delta, 0, 1000); 

    135. mCurScreen = whichScreen; 

    136. invalidate(); 

    137.  

    138. public void setToScreen(int whichScreen) { 

    139. whichScreen = Math.max(0, Math.min(whichScreen, getChildCount() - 1)); 

    140. mCurScreen = whichScreen; 

    141. scrollTo(whichScreen * getWidth(), 0); 

    142.  

    143. public int getCurScreen() { 

    144. return mCurScreen; 

    145.  

    146. @Override 

    147. public void computeScroll() { 

    148. if (mScroller.computeScrollOffset()) { 

    149. scrollTo(mScroller.getCurrX(), mScroller.getCurrY()); 

    150. postInvalidate(); 

    151.  

    152. @Override 

    153. public boolean onTouchEvent(MotionEvent event) { 

    154. if (mVelocityTracker == null) { 

    155. mVelocityTracker = VelocityTracker.obtain(); 

    156. mVelocityTracker.addMovement(event); 

    157.  

    158. final int action = event.getAction(); 

    159. final float x = event.getX(); 

    160.  

    161. switch (action) { 

    162. case MotionEvent.ACTION_DOWN: 

    163. if (!mScroller.isFinished()) { 

    164. mScroller.abortAnimation(); 

    165. mLastMotionX = x; 

    166. break; 

    167.  

    168. case MotionEvent.ACTION_MOVE: 

    169. int deltaX = (int) (mLastMotionX - x); 

    170. mLastMotionX = x; 

    171.  

    172. scrollBy(deltaX, 0); 

    173. break; 

    174.  

    175. case MotionEvent.ACTION_UP: 

    176. final VelocityTracker velocityTracker = mVelocityTracker; 

    177. velocityTracker.computeCurrentVelocity(1000); 

    178. int velocityX = (int) velocityTracker.getXVelocity(); 

    179.  

    180. if (velocityX > SNAP_VELOCITY && mCurScreen > 0) { 

    181. // 向左移动 

    182. snapToScreen(mCurScreen - 1); 

    183. } else if (velocityX < -SNAP_VELOCITY 

    184. && mCurScreen < getChildCount() - 1) { 

    185. // 向右移动 

    186. snapToScreen(mCurScreen + 1); 

    187. } else { 

    188. snapToDestination(); 

    189. if (mVelocityTracker != null) { 

    190. mVelocityTracker.recycle(); 

    191. mVelocityTracker = null; 

    192. mTouchState = TOUCH_STATE_REST; 

    193. break; 

    194. case MotionEvent.ACTION_CANCEL: 

    195. mTouchState = TOUCH_STATE_REST; 

    196. break; 

    197.  

    198. return true; 

    199.  

    200. @Override 

    201. public boolean onInterceptTouchEvent(MotionEvent ev) { 

    202. final int action = ev.getAction(); 

    203. if ((action == MotionEvent.ACTION_MOVE) 

    204. && (mTouchState != TOUCH_STATE_REST)) { 

    205. return true; 

    206.  

    207. final float x = ev.getX(); 

    208. final float y = ev.getY(); 

    209.  

    210. switch (action) { 

    211. case MotionEvent.ACTION_MOVE: 

    212. final int xDiff = (int) Math.abs(mLastMotionX - x); 

    213. if (xDiff > mTouchSlop) { 

    214. mTouchState = TOUCH_STATE_SCROLLING; 

    215. break; 

    216.  

    217. case MotionEvent.ACTION_DOWN: 

    218. mLastMotionX = x; 

    219. mLastMotionY = y; 

    220. mTouchState = mScroller.isFinished() ? TOUCH_STATE_REST 

    221. : TOUCH_STATE_SCROLLING; 

    222. break; 

    223.  

    224. case MotionEvent.ACTION_CANCEL: 

    225. case MotionEvent.ACTION_UP: 

    226. mTouchState = TOUCH_STATE_REST; 

    227. break; 

    228.  

    229. return mTouchState != TOUCH_STATE_REST; 

    230.  

    231. }

    以上就是Android中怎么实现横向滚动屏幕特效,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联行业资讯频道。


    网页名称:Android中怎么实现横向滚动屏幕特效
    URL网址:https://www.tyhkzb.com/article/ipijjg.html
    在线咨询
    服务热线
    服务热线:028-86922220
    TOP