注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

创新改变世界

you changed the world

 
 
 

日志

 
 

viewFlipper的基本实现  

2013-05-09 09:10:29|  分类: android |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 这个例子实现了在一个activity不同的View之间的切换

activity代码

 

package com.liudan.activity;

import android.app.Activity;
import android.os.Bundle;
import android.view.MotionEvent;
import android.widget.ViewFlipper;

public class PopupWindowDemo extends Activity {
 ViewFlipper viewFlipper;
 float startX;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.main);
  viewFlipper = (ViewFlipper) this.findViewById(R.id.viewFlipper);
 }

 /**
  * 处理用户滑屏事件
  */
 @Override
 public boolean onTouchEvent(MotionEvent event) {
  switch (event.getAction()) {
  case MotionEvent.ACTION_DOWN:
   startX = event.getX();
   break;

  case MotionEvent.ACTION_UP:
   if (event.getX() > startX) {
    viewFlipper.setInAnimation(this, R.anim.in_lefttoright);// 定义下一页进来时的动画
    viewFlipper.setOutAnimation(this, R.anim.out_lefttoright);// 定义当前页出去的动画
    viewFlipper.showNext();// 显示下一页
   } else if (event.getX() < startX) {
    viewFlipper.setInAnimation(this, R.anim.in_righttoleft);
    viewFlipper.setOutAnimation(this, R.anim.out_righttoleft);
    viewFlipper.showPrevious();// 显示上一页
   }
   break;
  }
  return super.onTouchEvent(event);
 }

}

 

xml 代码

1.main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"
 xmlns:android="http://schemas.android.com/apk/res/android">
 <ViewFlipper
  android:id="@+id/viewFlipper"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent">
  
  <!-- 这是当前页第一页 -->
  <LinearLayout
   android:orientation="vertical"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content">
   <TextView
    android:layout_width="fill_parent"
    android:layout_height="wrap_content" 
    android:text="这是第一页"/>
  </LinearLayout>
  
  <!-- 这是第二页 -->
  <LinearLayout
   android:orientation="vertical"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"
   android:background="#FF00FF00">
   <TextView
    android:layout_width="fill_parent"
    android:layout_height="wrap_content" 
    android:text="这是第二页"/>
  </LinearLayout>
 </ViewFlipper>
</LinearLayout> 

 2.in_lefttoright.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
 <!-- 定义从左向右滑动时,后一页进入的动画 -->
 <translate 
 android:fromXDelta="-100%"
 android:toXDelta="0"
 android:duration="3000"/>
</set>

 

3.in_righttoleft.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
 <!-- 定义从右向左滑动时,后一页进入的动画 -->
 <translate 
 android:fromXDelta="100%"
 android:toXDelta="0"
 android:duration="3000"/>
</set>

4.out_lefttoright.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
 <!-- 定义从左向右滑动时,当前的页面出去的动画 -->
 <translate 
 android:fromXDelta="0"
 android:toXDelta="100%"
 android:duration="3000"/>
</set>

 

5.out_righttoleft.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
 <!-- 定义从右向左滑动时,当前页出去的动画 -->
 <translate 
 android:fromXDelta="0"
 android:toXDelta="-100%"
 android:duration="3000"/>
</set>

  评论这张
 
阅读(133)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017