程序博客网 > java调用linux命令

使用ViewPage实现类launcher屏幕滑动

来源：互联网 发布：java调用linux命令 编辑：程序博客网 时间：2024/06/05 17:45

http://blog.csdn.net/aomandeshangxiao/article/details/7395526

在去年11月份的时候，自己写过一篇launcher左右滑动的源码分析的文章，launcher修改--左右滑动屏幕切换源码追踪，今年1月份的时候，看到一份有意思的代码，又简单的解析了下代码，写成页面滑动切换（类Launcher滑动屏幕实现），今天又看到一篇使用ViewPage来实现页面滑动，感觉不错，有需要这方面资料的大家可以看下：使用ViewPager实现高仿launcher拖动效果。只不过只提供了代码，没有多少分析，关于ViewPage的资料，大家可以百度下，

下面几个资料，个人都感觉不错：

ViewPager example -实现左右两个屏幕的切换Android的 ViewPager 学习笔记，

viewpager循环拖动，

(android控件)ViewPager介绍和使用说明

，感兴趣的童鞋都可以看下，另外，有两篇word的文档，大家也可以下下来看下：

http://download.csdn.net/detail/aomandeshangxiao/4173947

祝大家快乐！他山之石可以攻玉，好好学习天天向上大笑！

网友下面留言给出一个官方更好的demo，大家可以去好好学习下：http://developer.android.com/reference/android/support/v4/view/ViewPager.html


页面滑动切换（类Launcher滑动屏幕实现）

http://blog.csdn.net/aomandeshangxiao/article/details/7196921

下面的这个例子也是从网上找来的，不是自己写的，一直想学习下，但是一直没有写，以前也研究研究的是launcher的页面跳转，launcher修改--左右滑动屏幕切换源码追踪说实话，那个代码有点复杂，所以理解的也不是很透彻。看到这个例子，比较简单些，再这里学习下：

首先，看下效果图吧：虽然很花哨，都是背景图片。


看下他的布局文件：

[html] view plaincopy
  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <RelativeLayout
  3. android:layout_width="fill_parent"
  4. android:layout_height="fill_parent"
  5. xmlns:android="http://schemas.android.com/apk/res/android">
  6. <com.genius.scroll.MyScrollLayout
  7. xmlns:android="http://schemas.android.com/apk/res/android"
  8. android:id="@+id/ScrollLayout"
  9. android:layout_width="fill_parent"
  10. android:layout_height="fill_parent">
  11. <FrameLayout
  12. android:background="@drawable/guide01"
  13. android:layout_width="fill_parent"
  14. android:layout_height="fill_parent">
  15. </FrameLayout>
  16. <FrameLayout
  17. android:background="@drawable/guide02"
  18. android:layout_width="fill_parent"
  19. android:layout_height="fill_parent">
  20. </FrameLayout>
  21. <FrameLayout
  22. android:background="@drawable/guide03"
  23. android:layout_width="fill_parent"
  24. android:layout_height="fill_parent">
  25. </FrameLayout>
  26. <FrameLayout
  27. android:background="@drawable/guide04"
  28. android:layout_width="fill_parent"
  29. android:layout_height="fill_parent">
  30. </FrameLayout>
  31. <FrameLayout
  32. android:background="@drawable/guide05"
  33. android:layout_width="fill_parent"
  34. android:layout_height="fill_parent">
  35. </FrameLayout>
  36. </com.genius.scroll.MyScrollLayout>
  37. <LinearLayout
  38. android:orientation="horizontal"
  39. android:id="@+id/llayout"
  40. android:layout_width="wrap_content"
  41. android:layout_height="wrap_content"
  42. android:layout_marginBottom="24.0dip"
  43. android:layout_alignParentBottom="true"
  44. android:layout_centerHorizontal="true">
  45. <ImageViewandroid:clickable="true"
  46. android:padding="15.0dip"
  47. android:layout_gravity="center_vertical"
  48. android:layout_width="wrap_content"
  49. android:layout_height="wrap_content"
  50. android:src="@drawable/guide_round"/>
  51. <ImageViewandroid:clickable="true"
  52. android:padding="15.0dip"
  53. android:layout_gravity="center_vertical"
  54. android:layout_width="wrap_content"
  55. android:layout_height="wrap_content"
  56. android:src="@drawable/guide_round"/>
  57. <ImageViewandroid:clickable="true"
  58. android:padding="15.0dip"
  59. android:layout_gravity="center_vertical"
  60. android:layout_width="wrap_content"
  61. android:layout_height="wrap_content"
  62. android:src="@drawable/guide_round"/>
  63. <ImageViewandroid:clickable="true"
  64. android:padding="15.0dip"
  65. android:layout_gravity="center_vertical"
  66. android:layout_width="wrap_content"
  67. android:layout_height="wrap_content"
  68. android:src="@drawable/guide_round"/>
  69. <ImageViewandroid:clickable="true"
  70. android:padding="15.0dip"
  71. android:layout_gravity="center_vertical"
  72. android:layout_width="wrap_content"
  73. android:layout_height="wrap_content"
  74. android:src="@drawable/guide_round"/>
  75. </LinearLayout>
  76. </RelativeLayout>

底部的LinearLayout是放了5个按钮，上面使用到了一个自定义的控件：MyScrollLayout下面再看下这个自定义控件：里面使用frameLayout放了5张图片。

[java] view plaincopy
  1. publicclass MyScrollLayout extends ViewGroup{
  3. privatestaticfinal String TAG = "ScrollLayout";
  4. private VelocityTracker mVelocityTracker; // 用于判断甩动手势
  5. privatestaticfinalint SNAP_VELOCITY = 600;
  6. private Scroller mScroller; // 滑动控制器
  7. privateint mCurScreen;
  8. privateint mDefaultScreen = 0;
  9. privatefloat mLastMotionX;
  11. private OnViewChangeListener mOnViewChangeListener;
  12. public MyScrollLayout(Context context) {
  13. super(context);
  14. init(context);
  15. }
  16. public MyScrollLayout(Context context, AttributeSet attrs) {
  17. super(context, attrs);
  18. init(context);
  19. }
  20. public MyScrollLayout(Context context, AttributeSet attrs, int defStyle) {
  21. super(context, attrs, defStyle);
  22. init(context);
  23. }
  24. privatevoid init(Context context)
  25. {
  26. mCurScreen = mDefaultScreen;
  27. mScroller =new Scroller(context);
  28. }
  30. @Override
  31. protectedvoid onLayout(boolean changed, int l, int t, int r, int b) {
  32. // TODO Auto-generated method stub
  33. if (changed) {
  34. int childLeft = 0;
  35. finalint childCount = getChildCount();
  36. for (int i=0; i<childCount; i++) {
  37. final View childView = getChildAt(i);
  38. if (childView.getVisibility() != View.GONE) {
  39. finalint childWidth = childView.getMeasuredWidth();
  40. childView.layout(childLeft,0,
  41. childLeft+childWidth, childView.getMeasuredHeight());
  42. childLeft += childWidth;
  43. }
  44. }
  45. }
  46. }
  48. @Override
  49. protectedvoid onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
  50. // TODO Auto-generated method stub
  51. super.onMeasure(widthMeasureSpec, heightMeasureSpec);
  52. finalint width = MeasureSpec.getSize(widthMeasureSpec);
  53. finalint widthMode = MeasureSpec.getMode(widthMeasureSpec);
  54. finalint count = getChildCount();
  55. for (int i = 0; i < count; i++) {
  56. getChildAt(i).measure(widthMeasureSpec, heightMeasureSpec);
  57. }
  58. scrollTo(mCurScreen * width,0);
  59. }
  61. publicvoid snapToDestination() {
  62. finalint screenWidth = getWidth();
  63. finalint destScreen = (getScrollX()+ screenWidth/2)/screenWidth;
  64. snapToScreen(destScreen);
  65. }
  67. publicvoid snapToScreen(int whichScreen) {
  68. // get the valid layout page
  69. whichScreen = Math.max(0, Math.min(whichScreen, getChildCount()-1));
  70. if (getScrollX() != (whichScreen*getWidth())) {
  71. finalint delta = whichScreen*getWidth()-getScrollX();
  72. mScroller.startScroll(getScrollX(),0,
  73. delta,0, Math.abs(delta)*2);
  74. mCurScreen = whichScreen;
  75. invalidate();// Redraw the layout
  76. if (mOnViewChangeListener != null)
  77. {
  78. mOnViewChangeListener.OnViewChange(mCurScreen);
  79. }
  80. }
  81. }
  83. @Override
  84. publicvoid computeScroll() {
  85. // TODO Auto-generated method stub
  86. if (mScroller.computeScrollOffset()) {
  87. scrollTo(mScroller.getCurrX(), mScroller.getCurrY());
  88. postInvalidate();
  89. }
  90. }
  92. @Override
  93. publicboolean onTouchEvent(MotionEvent event) {
  94. // TODO Auto-generated method stub
  95. finalint action = event.getAction();
  96. finalfloat x = event.getX();
  97. finalfloat y = event.getY();
  98. switch (action) {
  99. case MotionEvent.ACTION_DOWN:
  100. Log.i("","onTouchEvent ACTION_DOWN");
  101. if (mVelocityTracker == null) {
  102. mVelocityTracker = VelocityTracker.obtain();
  103. mVelocityTracker.addMovement(event);
  104. }
  105. if (!mScroller.isFinished()){
  106. mScroller.abortAnimation();
  107. }
  108. mLastMotionX = x;
  109. break;
  110. case MotionEvent.ACTION_MOVE:
  111. int deltaX = (int)(mLastMotionX - x);
  112. if (IsCanMove(deltaX)){
  113. if (mVelocityTracker != null){
  114. mVelocityTracker.addMovement(event);
  115. }
  116. mLastMotionX = x;
  117. scrollBy(deltaX,0);
  118. }
  119. break;
  120. case MotionEvent.ACTION_UP:
  121. int velocityX = 0;
  122. if (mVelocityTracker != null){
  123. mVelocityTracker.addMovement(event);
  124. mVelocityTracker.computeCurrentVelocity(1000);
  125. velocityX = (int) mVelocityTracker.getXVelocity();
  126. }
  127. if (velocityX > SNAP_VELOCITY && mCurScreen > 0) {
  128. Log.e(TAG,"snap left");
  129. snapToScreen(mCurScreen -1);
  130. }elseif (velocityX < -SNAP_VELOCITY
  131. && mCurScreen < getChildCount() -1) {
  132. Log.e(TAG,"snap right");
  133. snapToScreen(mCurScreen +1);
  134. }else {
  135. snapToDestination();
  136. }
  137. if (mVelocityTracker != null) {
  138. mVelocityTracker.recycle();
  139. mVelocityTracker =null;
  140. }
  141. break;
  142. }
  143. returntrue;
  144. }
  146. privateboolean IsCanMove(int deltaX)
  147. {
  148. if (getScrollX() <= 0 && deltaX < 0 ){
  149. returnfalse;
  150. }
  151. if (getScrollX() >= (getChildCount() - 1) * getWidth() && deltaX > 0){
  152. returnfalse;
  153. }
  154. returntrue;
  155. }
  157. publicvoid SetOnViewChangeListener(OnViewChangeListener listener)
  158. {
  159. mOnViewChangeListener = listener;
  160. }
  161. }

首先注意，他继承了ViewGroup类，在这里面主要重写了onMeasure()、onTouchEvent()等方法，在这里使用了一个自定义的接口private OnViewChangeListener mOnViewChangeListener。看下它的定义：

[java] view plaincopy
  1. publicinterface OnViewChangeListener {
  2. publicvoid OnViewChange(int view);
  3. }

这个接口里之定义了一个回调方法：OnViewChange()这个方法的具体实现，是在主Activity中：

[java] view plaincopy
  1. publicclass SwitchViewDemoActivity extends Activity implements OnViewChangeListener, OnClickListener{
  2. /** Called when the activity is first created. */
  4. private MyScrollLayout mScrollLayout;
  5. private ImageView[] mImageViews;
  6. privateint mViewCount;
  7. privateint mCurSel;
  9. @Override
  10. publicvoid onCreate(Bundle savedInstanceState) {
  11. super.onCreate(savedInstanceState);
  12. setContentView(R.layout.main);
  13. init();
  14. }
  16. privatevoid init()
  17. {
  18. mScrollLayout = (MyScrollLayout) findViewById(R.id.ScrollLayout);
  19. LinearLayout linearLayout = (LinearLayout) findViewById(R.id.llayout);
  20. mViewCount = mScrollLayout.getChildCount();
  21. mImageViews =new ImageView[mViewCount];
  22. for(int i = 0; i < mViewCount; i++) {
  23. mImageViews[i] = (ImageView) linearLayout.getChildAt(i);
  24. mImageViews[i].setEnabled(true);
  25. mImageViews[i].setOnClickListener(this);
  26. mImageViews[i].setTag(i);
  27. }
  28. mCurSel =0;
  29. mImageViews[mCurSel].setEnabled(false);
  30. mScrollLayout.SetOnViewChangeListener(this);
  31. }
  33. privatevoid setCurPoint(int index)
  34. {
  35. if (index < 0 || index > mViewCount - 1 || mCurSel == index) {
  36. return ;
  37. }
  38. mImageViews[mCurSel].setEnabled(true);
  39. mImageViews[index].setEnabled(false);
  40. mCurSel = index;
  41. }
  43. @Override
  44. publicvoid OnViewChange(int view) {
  45. // TODO Auto-generated method stub
  46. setCurPoint(view);
  47. }
  49. @Override
  50. publicvoid onClick(View v) {
  51. // TODO Auto-generated method stub
  52. int pos = (Integer)(v.getTag());
  53. setCurPoint(pos);
  54. mScrollLayout.snapToScreen(pos);
  55. }
  56. }

这个OnViewChange()方法，主要调用了setCurPoint()方法，就是完成界面的跳转。在MyScrollLayout中的snapToScreen()方法中就是典型的回调方法：

[java] view plaincopy
  1. publicvoid snapToScreen(int whichScreen) {
  2. // get the valid layout page
  3. whichScreen = Math.max(0, Math.min(whichScreen, getChildCount()-1));
  4. if (getScrollX() != (whichScreen*getWidth())) {
  5. finalint delta = whichScreen*getWidth()-getScrollX();
  6. mScroller.startScroll(getScrollX(),0,
  7. delta,0, Math.abs(delta)*2);
  8. mCurScreen = whichScreen;
  9. invalidate();// Redraw the layout
  10. if (mOnViewChangeListener != null)
  11. {
  12. mOnViewChangeListener.OnViewChange(mCurScreen);
  13. }
  14. }
  15. }

[java] view plaincopy
  1. mOnViewChangeListener.OnViewChange(mCurScreen);

这句代码就是典型的回调。

在MyScrollLayout的onTouchEvent()的方法里面是对触屏事件做出的响应：

[java] view plaincopy
  1. finalint action = event.getAction();
  2. finalfloat x = event.getX();
  3. finalfloat y = event.getY();
  4. switch (action) {
  5. case MotionEvent.ACTION_DOWN:
  6. Log.i("","onTouchEvent ACTION_DOWN");
  7. if (mVelocityTracker == null) {
  8. mVelocityTracker = VelocityTracker.obtain();
  9. mVelocityTracker.addMovement(event);
  10. }
  11. if (!mScroller.isFinished()){
  12. mScroller.abortAnimation();
  13. }
  14. mLastMotionX = x;
  15. break;
  16. case MotionEvent.ACTION_MOVE:
  17. int deltaX = (int)(mLastMotionX - x);
  18. if (IsCanMove(deltaX)){
  19. if (mVelocityTracker != null){
  20. mVelocityTracker.addMovement(event);
  21. }
  22. mLastMotionX = x;
  23. scrollBy(deltaX,0);
  24. }
  25. break;
  26. case MotionEvent.ACTION_UP:
  27. int velocityX = 0;
  28. if (mVelocityTracker != null){
  29. mVelocityTracker.addMovement(event);
  30. mVelocityTracker.computeCurrentVelocity(1000);
  31. velocityX = (int) mVelocityTracker.getXVelocity();
  32. }
  33. if (velocityX > SNAP_VELOCITY && mCurScreen > 0) {
  34. Log.e(TAG,"snap left");
  35. snapToScreen(mCurScreen -1);
  36. }elseif (velocityX < -SNAP_VELOCITY
  37. && mCurScreen < getChildCount() -1) {
  38. Log.e(TAG,"snap right");
  39. snapToScreen(mCurScreen +1);
  40. }else {
  41. snapToDestination();
  42. }
  43. if (mVelocityTracker != null) {
  44. mVelocityTracker.recycle();
  45. mVelocityTracker =null;
  46. }
  47. break;
  48. }

通过判断移动距离和移动方向做出不同的响应。


其他的代码都比较好懂了，有什么问题欢迎大家讨论，下面是代码的下载地址：

http://download.csdn.net/detail/aomandeshangxiao/4017928

java调用linux命令 java调用linux命令
原创粉丝点击
热门IT博客
三钻淘宝店值多少钱三钻淘宝店值多少钱
远洋数据股份有限公司远洋数据股份有限公司
人工智能研究方向
下载ins视频软件
网络协议名词解释
淘宝电影票团购
ui设计的软件
淘宝门头
淘宝店怎么才能有人气
php与phpfpm关系
ubuntu切换图形界面
淘宝美工需要什么学历
知豆汽车官方网站
js 仿ios select
三菱plc远程网络控制
新西兰硕士知乎
淘宝网发布宝贝
软件实训心得体会
辽阳淘宝代购
hmm命名实体识别算法
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 三国两晋南北朝朝代顺序 两晋南北朝历史简介 梦幻两晋 回眸那一瞬 三分魏蜀吴两晋前后延 贺朝恨不得把两个蛋塞进来 两朝开济老臣心 龙山虎山两相朝打一生肖 两房朝南装修图 朝的多音字组词两个 两朝 三朝为后 三朝 三国之无冕之王 清明两朝雨 磁铁的两极 磁铁两极 两极分化 两极 两极格局 两极地区 阴阳两极 阴阳生两极两极生四象 情与欲的两极41 两栖动物 两栖 两栖登陆舰 两栖突击车 两栖拼音 两栖青年 两栖的拼音 两栖读音 水陆两栖 两栖装甲车 两栖怪兽 两栖坦克 水路两栖车 两栖动物有哪些 两栖动物读音 水陆两栖飞机 水陆两栖装甲车 072型两栖登陆舰 05式两栖突击车

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里