android ViewGroup实现左右滑屏效果方法3

最新推荐文章于 2018-08-03 22:13:24 发布
最新推荐文章于 2018-08-03 22:13:24 发布
阅读量37 收藏
点赞数
文章标签： 移动开发 java

设置了三个页面，布局文件如下：

view plain copy to clipboard print ?
  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <AbsoluteLayoutxmlns:android="http://schemas.android.com/apk/res/android"
  3. android:orientation="vertical"android:layout_width="fill_parent"
  4. android:layout_height="fill_parent"android:background="@drawable/dbj">
  5. <ViewFlipperandroid:id="@+id/ViewFlipper"
  6. android:layout_width="fill_parent"android:layout_height="fill_parent">
  7. <AbsoluteLayoutxmlns:android="http://schemas.android.com/apk/res/android"
  8. android:orientation="vertical"android:layout_width="fill_parent"
  9. android:layout_height="fill_parent">
  10. <TextViewandroid:text="第1页"
  11. android:textSize="35dp"
  12. android:layout_width="wrap_content"
  13. android:layout_height="wrap_content"
  14. android:layout_x="115dp"
  15. android:layout_y="20dp"/>
  16. </AbsoluteLayout>
  17. <AbsoluteLayoutxmlns:android="http://schemas.android.com/apk/res/android"
  18. android:orientation="vertical"android:layout_width="fill_parent"
  19. android:layout_height="fill_parent">
  20. <TextViewandroid:text="第2页"
  21. android:textSize="35dp"
  22. android:layout_width="wrap_content"
  23. android:layout_height="wrap_content"
  24. android:layout_x="120dp"
  25. android:layout_y="20dp"/>
  26. </AbsoluteLayout>
  27. <AbsoluteLayoutxmlns:android="http://schemas.android.com/apk/res/android"
  28. android:orientation="vertical"android:layout_width="fill_parent"
  29. android:layout_height="fill_parent">
  30. <TextViewandroid:text="第3页"
  31. android:textSize="35dp"
  32. android:layout_width="wrap_content"
  33. android:layout_height="wrap_content"
  34. android:layout_x="120dp"
  35. android:layout_y="20dp"/>
  36. </AbsoluteLayout>
  37. </ViewFlipper>
  38. <ImageButtonandroid:layout_width="35dp"
  39. android:background="@drawable/pre_button"android:layout_height="40dp"
  40. android:id="@+id/preButton1"android:layout_x="101dp"
  41. android:layout_y="404dp">
  42. </ImageButton>
  43. <ImageButtonandroid:layout_width="40dp"
  44. android:background="@drawable/next_button"android:layout_height="40dp"
  45. android:id="@+id/nextButton1"android:layout_x="182dp"
  46. android:layout_y="405dp">
  47. </ImageButton>
  48. </AbsoluteLayout>
<?xml version="1.0" encoding="utf-8"?><AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android"android:orientation="vertical" android:layout_width="fill_parent"android:layout_height="fill_parent" android:background="@drawable/dbj"><ViewFlipper android:id="@+id/ViewFlipper"android:layout_width="fill_parent" android:layout_height="fill_parent"><AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android"android:orientation="vertical" android:layout_width="fill_parent"android:layout_height="fill_parent"><TextView android:text="第 1 页"android:textSize="35dp"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_x="115dp"android:layout_y="20dp"/></AbsoluteLayout><AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android"android:orientation="vertical" android:layout_width="fill_parent"android:layout_height="fill_parent"><TextView android:text="第 2 页"android:textSize="35dp"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_x="120dp"android:layout_y="20dp"/></AbsoluteLayout><AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android"android:orientation="vertical" android:layout_width="fill_parent"android:layout_height="fill_parent"><TextView android:text="第 3 页"android:textSize="35dp"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_x="120dp"android:layout_y="20dp"/></AbsoluteLayout></ViewFlipper><ImageButton android:layout_width="35dp"android:background="@drawable/pre_button" android:layout_height="40dp"android:id="@+id/preButton1" android:layout_x="101dp"android:layout_y="404dp"></ImageButton><ImageButton android:layout_width="40dp"android:background="@drawable/next_button" android:layout_height="40dp"android:id="@+id/nextButton1" android:layout_x="182dp"android:layout_y="405dp"></ImageButton></AbsoluteLayout>
主程序实现了OnGestureListener 接口，具体如下：

view plain copy to clipboard print ?
  1. importandroid.app.Activity;
  2. importandroid.os.Bundle;
  3. importandroid.view.GestureDetector;
  4. importandroid.view.GestureDetector.OnGestureListener;
  5. importandroid.view.MotionEvent;
  6. importandroid.view.View;
  7. importandroid.view.View.OnClickListener;
  8. importandroid.view.View.OnTouchListener;
  9. importandroid.view.animation.AnimationUtils;
  10. importandroid.widget.ImageButton;
  11. importandroid.widget.ViewFlipper;
  13. /**
  14. *ViewFlipperTest.java
  15. *@authorCloay
  16. *2011-6-24
  17. */
  18. publicclassViewFlipperTestextendsActivityimplementsOnGestureListener{
  19. privateViewFlipperflipper;
  20. privateGestureDetectordetector;
  22. privateImageButtonpre1Button;
  23. privateImageButtonnext1Button;
  25. @Override
  26. publicvoidonCreate(BundlesavedInstanceState){
  27. super.onCreate(savedInstanceState);
  28. setContentView(R.layout.zd);
  30. pre1Button=(ImageButton)findViewById(R.id.preButton1);
  31. pre1Button.setOnTouchListener(newOnTouchListener(){
  33. @Override
  34. publicbooleanonTouch(Viewv,MotionEventevent){
  35. //TODOAuto-generatedmethodstub
  36. if(event.getAction()==MotionEvent.ACTION_DOWN){//按钮按下背景图片
  37. pre1Button.setBackgroundResource(R.drawable.pre_button1);
  38. }
  39. //按钮up后设置背景图片，并滑动到前一页面
  40. elseif(event.getAction()==MotionEvent.ACTION_UP){
  41. pre1Button.setBackgroundResource(R.drawable.pre_button);
  42. flipper.setInAnimation(AnimationUtils.loadAnimation(TestFlip.this,R.anim.push_right_in));
  43. flipper.setOutAnimation(AnimationUtils.loadAnimation(TestFlip.this,R.anim.push_right_out));
  44. flipper.showPrevious();
  45. }
  46. returnfalse;
  47. }
  49. });
  51. next1Button=(ImageButton)findViewById(R.id.nextButton1);
  52. next1Button.setOnTouchListener(newOnTouchListener(){
  54. @Override
  55. publicbooleanonTouch(Viewv,MotionEventevent){
  56. //TODOAuto-generatedmethodstub
  57. if(event.getAction()==MotionEvent.ACTION_DOWN){
  58. next1Button.setBackgroundResource(R.drawable.next_button1);
  59. }
  60. //按钮up后设置背景图片，并滑动到后一页面
  61. elseif(event.getAction()==MotionEvent.ACTION_UP){
  62. next1Button.setBackgroundResource(R.drawable.next_button);
  63. flipper.setInAnimation(AnimationUtils.loadAnimation(TestFlip.this,R.anim.push_left_in));
  64. flipper.setOutAnimation(AnimationUtils.loadAnimation(TestFlip.this,R.anim.push_left_out));
  65. flipper.showNext();
  66. }
  67. returnfalse;
  68. }
  70. });
  72. detector=newGestureDetector(this);
  73. flipper=(ViewFlipper)this.findViewById(R.id.ViewFlipper);
  74. }
  76. publicbooleanonDoubleTap(MotionEvente){
  77. if(flipper.isFlipping()){
  78. flipper.stopFlipping();
  79. }else{
  80. flipper.startFlipping();
  81. }
  82. returntrue;
  83. }
  84. @Override
  85. publicbooleanonTouchEvent(MotionEventevent){
  86. returnthis.detector.onTouchEvent(event);
  87. }
  89. @Override
  90. publicbooleanonDown(MotionEvente){
  91. //TODOAuto-generatedmethodstub
  92. returnfalse;
  93. }
  95. @Override
  96. publicbooleanonFling(MotionEvente1,MotionEvente2,floatvelocityX,floatvelocityY){
  98. //用户按下屏幕，快速移动后松开（就是在屏幕上滑动）
  99. //e1:第一个ACTION_DOWN事件（手指按下的那一点）
  100. //e2:最后一个ACTION_MOVE事件（手指松开的那一点）
  101. //velocityX:手指在x轴移动的速度单位：像素/秒
  102. //velocityY:手指在y轴移动的速度单位：像素/秒
  104. if(e1.getX()-e2.getX()>60){
  105. this.flipper.setInAnimation(AnimationUtils.loadAnimation(this,R.anim.push_left_in));
  106. this.flipper.setOutAnimation(AnimationUtils.loadAnimation(this,R.anim.push_left_out));
  107. this.flipper.showNext();
  108. returntrue;
  109. }elseif(e1.getX()-e2.getX()<-60){
  110. this.flipper.setInAnimation(AnimationUtils.loadAnimation(this,R.anim.push_right_in));
  111. this.flipper.setOutAnimation(AnimationUtils.loadAnimation(this,R.anim.push_right_out));
  112. this.flipper.showPrevious();
  113. returntrue;
  114. }
  115. returnfalse;
  116. }
  119. @Override
  120. publicvoidonLongPress(MotionEvente){
  121. //TODOAuto-generatedmethodstub
  123. }
  125. @Override
  126. publicbooleanonScroll(MotionEvente1,MotionEvente2,floatdistanceX,
  127. floatdistanceY){
  128. //TODOAuto-generatedmethodstub
  129. returnfalse;
  130. }
  132. @Override
  133. publicvoidonShowPress(MotionEvente){
  134. //TODOAuto-generatedmethodstub
  136. }
  138. @Override
  139. publicbooleanonSingleTapUp(MotionEvente){
  140. //TODOAuto-generatedmethodstub
  141. returnfalse;
  142. }
  143. }
import android.app.Activity;import android.os.Bundle;import android.view.GestureDetector;import android.view.GestureDetector.OnGestureListener;import android.view.MotionEvent;import android.view.View;import android.view.View.OnClickListener;import android.view.View.OnTouchListener;import android.view.animation.AnimationUtils;import android.widget.ImageButton;import android.widget.ViewFlipper;/** * ViewFlipperTest.java * @author Cloay * 2011-6-24 */public class ViewFlipperTest extends Activity implements OnGestureListener {private ViewFlipper flipper;private GestureDetector detector;private ImageButton pre1Button;private ImageButton next1Button;@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.zd);pre1Button = (ImageButton)findViewById(R.id.preButton1);pre1Button.setOnTouchListener(new OnTouchListener(){@Overridepublic boolean onTouch(View v, MotionEvent event) {// TODO Auto-generated method stubif(event.getAction()==MotionEvent.ACTION_DOWN){ //按钮按下背景图片pre1Button.setBackgroundResource(R.drawable.pre_button1);}//按钮up后设置背景图片，并滑动到前一页面else if(event.getAction()==MotionEvent.ACTION_UP){pre1Button.setBackgroundResource(R.drawable.pre_button);flipper.setInAnimation(AnimationUtils.loadAnimation(TestFlip.this, R.anim.push_right_in));flipper.setOutAnimation(AnimationUtils.loadAnimation(TestFlip.this,R.anim.push_right_out));flipper.showPrevious();}return false;}});next1Button = (ImageButton)findViewById(R.id.nextButton1);next1Button.setOnTouchListener(new OnTouchListener(){@Overridepublic boolean onTouch(View v, MotionEvent event) {// TODO Auto-generated method stubif(event.getAction()==MotionEvent.ACTION_DOWN){next1Button.setBackgroundResource(R.drawable.next_button1);}//按钮up后设置背景图片，并滑动到后一页面else if(event.getAction()==MotionEvent.ACTION_UP){next1Button.setBackgroundResource(R.drawable.next_button);flipper.setInAnimation(AnimationUtils.loadAnimation(TestFlip.this, R.anim.push_left_in));flipper.setOutAnimation(AnimationUtils.loadAnimation(TestFlip.this,R.anim.push_left_out));flipper.showNext();}return false;}});detector = new GestureDetector(this);flipper = (ViewFlipper) this.findViewById(R.id.ViewFlipper);}public boolean onDoubleTap(MotionEvent e) { if(flipper.isFlipping()) { flipper.stopFlipping(); }else { flipper.startFlipping(); } return true; } @Overridepublic boolean onTouchEvent(MotionEvent event) {return this.detector.onTouchEvent(event);}@Overridepublic boolean onDown(MotionEvent e) {// TODO Auto-generated method stubreturn false;}@Overridepublic boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,float velocityY) { //用户按下屏幕，快速移动后松开（就是在屏幕上滑动）//e1:第一个ACTION_DOWN事件（手指按下的那一点）//e2:最后一个ACTION_MOVE事件 （手指松开的那一点）//velocityX:手指在x轴移动的速度 单位：像素/秒//velocityY:手指在y轴移动的速度 单位：像素/秒if (e1.getX() - e2.getX() > 60) {this.flipper.setInAnimation(AnimationUtils.loadAnimation(this, R.anim.push_left_in));this.flipper.setOutAnimation(AnimationUtils.loadAnimation(this, R.anim.push_left_out));this.flipper.showNext();return true;} else if (e1.getX() - e2.getX() < -60) {this.flipper.setInAnimation(AnimationUtils.loadAnimation(this, R.anim.push_right_in));this.flipper.setOutAnimation(AnimationUtils.loadAnimation(this, R.anim.push_right_out));this.flipper.showPrevious();return true;}return false;}@Overridepublic void onLongPress(MotionEvent e) {// TODO Auto-generated method stub}@Overridepublic boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,float distanceY) {// TODO Auto-generated method stubreturn false;}@Overridepublic void onShowPress(MotionEvent e) {// TODO Auto-generated method stub}@Overridepublic boolean onSingleTapUp(MotionEvent e) {// TODO Auto-generated method stubreturn false;}}
测试时，鼠标点击模拟器快速移动松开（就是在屏幕上模拟手指滑动），结果如下：


wapysun
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
基于Android的ViewPager动画特效实现页面左右滑动效果
qq_36483174的博客
06-04 1643
基于Android的ViewPager动画特效实现页面左右滑动效果 第一步：打开Android Studio新建一个Android项目 第二部：修改activity_main.xml文件代码 <android.support.v4.view.ViewPager android:id="@+id/vp_main" android:layout_width="matc...
android recyclerview item动画_Android使用RecyclerView实现类似ViewPager左右滑动效果
weixin_32066337的博客
12-29 1272
从 API 16 开始，控件Gallery已被废弃，此时我们可以用RecyclerView实现类似于ViewPager的横向移动。效果图：布局文件很简单就一个RecyclerView: xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.c...
(转)android 自定义ViewGroup和对view进行切图动画实现滑动菜单SlidingMenu
gxj1680的专栏
02-28 592
示意图就不展示了，和上一节的一样,滑动菜单SlidingMenu效果如何大家都比较熟悉，在这里我简单说明一下用自定义ViewGroup来实现.     实现方法：我们自定义一个ViewGroup实现左右滑动，第一屏隐藏，第二屏显示.     代码如下： [java] view plaincopy package com.jj.sliding_
Android中滑屏实现----手把手教你如何实现触摸滑屏以及Scroller类详解
dylancao的专栏
07-05 2782
转载出处：http://blog.csdn.net/qinjuning                 前言：  虽然本文标题的有点标题党的感觉，但无论如何，通过这篇文章的学习以及你自己的实践认知，写个简单的滑屏小    Demo还是just so so的。           友情提示：             在继续往下面读之前，希望您对以下
Android实现ViewPager滑屏动作并添加动画效果
zh_binfgan的博客
05-11 1653
1、整个文件是这样的：一个Activity主页，三个Fragment，两个谷歌官方的动画效果例子22、activity_main.xml[html] view plain copy &lt;?xml version="1.0" encoding="utf-8"?&gt;  &lt;RelativeLayout xmlns:android="http://schemas.android.com/ap...
Android基于ViewPager+Fragment实现左右滑屏效果的方法
08-30
Android基于ViewPager+Fragment实现左右滑屏效果的方法 Android 滑屏效果是移动应用程序中常见的交互方式之一，实现滑屏效果的方法有多种，本文主要介绍了基于ViewPager+Fragment实现左右滑屏效果的方法。 一、...
android中左右滑屏的实现
04-07
在Android开发中，实现左右滑屏的交互效果是常见的需求，比如在应用的主界面或者图片浏览器中。这种效果通常是通过使用ViewPager或者SwipeRefreshLayout等组件来实现的。下面我们将详细探讨如何在Android中实现左右...
android-使用ViewGroup实现左右滑动切换界面的效果
热门推荐
Central-Perk的专栏
04-19 1万+
效果图：         源码下载：http://download.csdn.net/detail/centralperk/5142933
android-运用ViewGroup完成左右滑动切换界面以及界面裂开的作用
weixin_30500473的博客
03-15 75
效果图： 源码下载：http://download.csdn.net/detail/centralperk/5142933 关于ViewGroup的一点剖析： 这里有个当地要注意，那就要了解ViewGroup的绘图流程：ViewGroup制造包括两个进程：1.measure 2.layout 在两个进程中分别调用回调函数：1.onMeasure() 2.onLayout()...
ViewPager+属性动画 实现炫酷视差动画效果
B1ueKid的博客
05-13 6064
ViewPager有一个setPageTransform()方法可以实现很多酷炫的动画效果 先来个仿QQ的侧滑面板效果 vp.setPageTransformer(true, new PageTransformer() { /** * 页面滑动时回调的方法, * @param page当前滑动的view * @param position 当从右向左滑的时候,
android-使用ViewGroup实现左右滑动切换界面以及界面裂开的效果
Central-Perk的专栏
03-15 4637
效果图：         源码下载：http://download.csdn.net/detail/centralperk/5142933   关于ViewGroup的一点介绍： 这里有个地方要注意，那就要明白ViewGroup的绘图流程：ViewGroup绘制包括两个步骤：1.measure 2.layout 在两个步骤中分别调用回调函数：1.onMeasure()   2.
Android ViewGroup实现页面滑动效果并实现不同的动画效果(转载)
weixin_34352449的博客
04-27 113
为什么80%的码农都做不了架构师？>>> ...
自定义ViewGroup 实现拖动跟快速滚动的效果
malifei2009的专栏
05-10 90
之前做到个项目要类似listView或者GridView中的控件移动的效果（主屏上所有程序列表上的效果）： 1：子控件跟着手指移动 2：快速拨动一下，根据拨动的速度 滑动过去 3：拖过头，放手后弹回去 但是用listView或者GridView又不好实现项目要求的其他效果..于是继承viewGroup实现以上效果。 既然要获取拨动速度，并以此滑动。首先想到了On...
自定义ViewGroup实现类似ViewPager的滑动效果
左手木亽
07-09 3085
相信用过ViewPager的人都知道他的滑动效果是怎么样的，在经过上次的学习ViewGroup之后我开始琢磨自己整理一个类似的功能，在这里面主要用的类有Scroller，ViewGroup，VelocityTracker，以及自己写的图片下载类（ps:当然这个不重要啦不是主要类）。主要思想是利用Scroller来滑动，用ViewGroup来重绘控件。 1.Scroller的使用： 通常我们需要
Android 开发实践 ViewGroup 实现左右滑出窗口（一）
weixin_30918633的博客
01-24 137
利用假期把以前做的东西总结整理一下，先从简单的开始吧。实现的效果是这样的： 做了个截屏动画，比例有点不对了，凑合着看吧。 整个窗口有3部分组成，中间的主界面是个列表，左边的滑出界面是个菜单，右边的滑出界面是编辑框等。左边菜单是半屏的，右边的是全屏的。最后其实我只用到了左边的滑出窗口，但还是把左右的算法都做全了。并且设计了一个方法，让activity可以指定两个滑出窗口的宽度。 源码： ...
Android学习之界面切换的两种效果实现(直接跳转，滑动切换)
悟已往之不谏 知来者之可追
08-03 1678
Fragment有两个包来源，一个系统内置的android.app.Fragment。 另一个是support-v4，后者实用性更强，记得选后者！ 别忘了在主活动对应的xml文件中加入viewpager！！！ 主活动的实现 public class MainActivity extends AppCompatActivity { //声明存储fragment的集合 p...
自定义ViewGroup实现Android多风格SlidingMenu
在Android开发中，有时候系统提供的组件无法满足我们对用户界面的个性化需求，这时我们就需要自定义ViewGroup来实现特殊的功能。本篇文章主要讲解如何利用自定义ViewGroup来创建各种风格的SlidingMenu，即侧滑菜单。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值