当前位置: 首页 > news >正文

android开发(8) 使用ViewFlipper来用手势切换画面

使用android手机肯定很喜欢用手指把画面拖来拖去的感觉。这样的切换画面让人非常舒服。我们来尝试做个这样的例子吧。

本文中我们初次接触到了下面个东西:

ViewFlipper 视图的切换容器视图,它有很多子视图,可以使用showPrevious,showNext来向前或者向后切换视图,不过是没有动画效果的

Animation 这个才是动画

GestureDetector 手势侦查器,他提供了手势的一些事件,它封装了一些手指在屏幕的移动方向的处理,转换成相应的事件

 

我们看看实现步骤:

1。写一个窗体,放置一个ViewFlipper 在视图里。并为ViewFlipper 添加子视图。

 

< ViewFlipper  android:layout_width ="fill_parent"  android:id ="@+id/viewFlipper2"  
android:layout_height
="fill_parent" >
    
< LinearLayout  android:id ="@+id/linearLayout1"  android:layout_width ="wrap_content"  android:layout_height ="wrap_content" >
        
< TextView  android:text ="第一"  android:id ="@+id/textView1"  android:layout_width ="wrap_content"  android:layout_height ="wrap_content" ></ TextView >
    
</ LinearLayout >
    
< LinearLayout  android:id ="@+id/linearLayout2"  android:layout_width ="wrap_content"  android:layout_height ="wrap_content" >
        
< TextView  android:text ="第二"  android:id ="@+id/textView2"  android:layout_width ="wrap_content"  android:layout_height ="wrap_content" ></ TextView >
    
</ LinearLayout >
       
< LinearLayout  android:id ="@+id/linearLayout3"  android:layout_width ="wrap_content"  android:layout_height ="wrap_content" >
        
< TextView  android:text ="第三"  android:id ="@+id/textView3"  android:layout_width ="wrap_content"  android:layout_height ="wrap_content" ></ TextView >
    
</ LinearLayout >
</ ViewFlipper >

 

2注册窗体的 onTouchEvent事件,这个事件会在窗体被触摸时触发。在这个事件触发后,将事件触发后的参数扔给一个GestureDetector对象来处理。

3。准备一个GestureDetector对象,为第一步来使用。GestureDetector对象将用户的,时候触摸动作转换成相应的手势事件。这些事件有:

      onDown,onFling,onLongPress,onScroll,onShowPress,onSingleTapUp。本文我们只用到onFling手势

4.处理onFling手势的操作。onFling事件触发时,由操作系统传入的参数有MotionEvent e1, MotionEvent e2, float velocityX,  float velocityY。 参数e1,和e2,是手势触发  的 开始位置和结束位置。就是你的手指第一次点击,和最后离开的屏幕坐标位置。我们用e1,和e2,来判断用户是从左到友移动了手指或者从友到左移动了手指。判断的方法为:

float x1 = e1.getX();
 float x2 = e2.getX();

if (x1 - x2 < -100) //从左往右拖动,100代表长度。

{

   ....

} else if (x1 - x2 > 100) {//从右往左拖动,100代表长度

 ... 

}

5.由于判断了手势,那么我们可以对ViewFlipper的子视图进行切换了,方法如下

    //让flipper 前移
    this.ViewFlipper1.showPrevious();

 

6。如何处理动画呢?

  为flipper(ViewFlipper )指定一个animation 对象就可以了。

      Animation animation  =  
                    AnimationUtils.loadAnimation(getApplicationContext(), R.anim.filp_l2r);
                
// 指定一个动画
       this .flipper.setAnimation(animation);

如上代码所示AnimationUtils.loadAnimation指定一个动画描述的资源文件。我们的动画效果是在这里的资源文件里描述的。

从左往右的动画

<? xml version="1.0" encoding="utf-8" ?>
< set  xmlns:android ="http://schemas.android.com/apk/res/android" >   
< translate  
  
android:fromXDelta ="0%p"   
  android:toXDelta
="100%p"   
  android:duration
="1000"   />   
</ set >  

从右往左的效果

<? xml version="1.0" encoding="utf-8" ?>
< set  xmlns:android ="http://schemas.android.com/apk/res/android" >   
< translate  
  
android:fromXDelta ="100%p"   
  android:toXDelta
="0%p"   
  android:duration
="1000"   />   
</ set >  

fromXDelta是开始的x坐标,是相对于屏幕窗体的坐标位置。toXDelta是结束位置。duration是延迟时间。

 

完整的代码下载

 

转载于:https://www.cnblogs.com/vir56k/archive/2011/06/29/2093668.html

相关文章:

  • linux LAMP 下我们首选DDOS default 来防御DDOS!
  • Gartner:XenServer你是领导者!
  • C++用数组和链表分别实现Queue
  • Symfony2博客应用程序教程:第四部分(续)-测试安全页
  • 用vs2008打framework2.0的包
  • 网页的学习语言将仿佛使你生活更动人
  • 四级词汇(俞敏洪)-词根与词缀(二)
  • zBrow发布倒计时:对不起,让大家久等了
  • 常用公用用例设计-分页
  • JProfiler7发布,支持JDBC数据显示
  • 我在上海IT运维的日子
  • 【转】 cin、cin.get()、cin.getline()、getline()、gets()等函数的用法
  • 老菜鸟苦战oracle asm
  • android的各种*.img 文件
  • HyperSnap 6捕获的视频图片都是一片漆黑
  • Android 架构优化~MVP 架构改造
  • Fundebug计费标准解释:事件数是如何定义的?
  • Java的Interrupt与线程中断
  • Joomla 2.x, 3.x useful code cheatsheet
  • React-flux杂记
  • ViewService——一种保证客户端与服务端同步的方法
  • vue-cli3搭建项目
  • vuex 学习笔记 01
  • 诡异!React stopPropagation失灵
  • 目录与文件属性:编写ls
  • 前端临床手札——文件上传
  • ​Java并发新构件之Exchanger
  • ​LeetCode解法汇总307. 区域和检索 - 数组可修改
  • ![CDATA[ ]] 是什么东东
  • #{}和${}的区别是什么 -- java面试
  • #pragma once与条件编译
  • (02)Cartographer源码无死角解析-(03) 新数据运行与地图保存、加载地图启动仅定位模式
  • (173)FPGA约束:单周期时序分析或默认时序分析
  • (C语言)逆序输出字符串
  • (delphi11最新学习资料) Object Pascal 学习笔记---第5章第5节(delphi中的指针)
  • (转)用.Net的File控件上传文件的解决方案
  • (转载)PyTorch代码规范最佳实践和样式指南
  • *Algs4-1.5.25随机网格的倍率测试-(未读懂题)
  • *Django中的Ajax 纯js的书写样式1
  • .bat批处理出现中文乱码的情况
  • .net web项目 调用webService
  • .NET大文件上传知识整理
  • .NET文档生成工具ADB使用图文教程
  • .Net语言中的StringBuilder:入门到精通
  • .NET中统一的存储过程调用方法(收藏)
  • .php结尾的域名,【php】php正则截取url中域名后的内容
  • @Builder用法
  • @Conditional注解详解
  • @private @protected @public
  • [ai笔记3] ai春晚观后感-谈谈ai与艺术
  • [Android]使用Android打包Unity工程
  • [Angular] 笔记 16:模板驱动表单 - 选择框与选项
  • [Ariticle] 厚黑之道 一 小狐狸听故事
  • [C++] 统计程序耗时
  • [C++进阶篇]STL中vector的使用