`
z303729470
  • 浏览: 134353 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

简单的滑动切换页面并且加上类似Ipone的切换效果

 
阅读更多
Java代码
public class Main extends Activity implements OnGestureListener,
		OnTouchListener {
	// 一般不直接使用ViewAnimator而是使用它的两个子类ViewFlipper和ViewSwitcher。ViewFlipper可以用来指定FrameLayout内多个View之间的切换效果,可以一次指定也可以每次切换的时候都指定单独的效果。该类额外提供了如下几个函数:
	// isFlipping: 用来判断View切换是否正在进行
	// setFilpInterval:设置View之间切换的时间间隔
	// startFlipping:使用上面设置的时间间隔来开始切换所有的View,切换会循环进行
	// stopFlipping: 停止View切换
	private ViewFlipper viewFlipper;
	private GestureDetector gestureDetector;

	private Button pre1Button;
	private Button next1Button;

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		init();
	}

	private void init() {
		pre1Button = (Button) findViewById(R.id.preButton1);
		next1Button = (Button) findViewById(R.id.nextButton1);
		pre1Button.setOnTouchListener(this);
		next1Button.setOnTouchListener(this);
		gestureDetector = new GestureDetector(this);
		viewFlipper = (ViewFlipper) this.findViewById(R.id.ViewFlipper);
	}

	// GestureDetector.OnDoubleTapListener:用来通知DoubleTap事件,类似于鼠标的双击事件,该接口有如下三个回调函数:
	//	 
	// 1. onDoubleTap(MotionEvent e):通知DoubleTap手势,
	// 2. onDoubleTapEvent(MotionEvent
	// e):通知DoubleTap手势中的事件,包含down、up和move事件(这里指的是在双击之间发生的事件,例如在同一个地方双击会产生DoubleTap手势,而在DoubleTap手势里面还会发生down和up事件,这两个事件由该函数通知);
	// 3. onSingleTapConfirmed(MotionEvent
	// e):用来判定该次点击是SingleTap而不是DoubleTap,如果连续点击两次就是DoubleTap手势,如果只点击一次,OPhone系统等待一段时间后没有收到第二次点击则判定该次点击为SingleTap而不是DoubleTap,然后触发SingleTapConfirmed事件。
	public boolean onDoubleTap(MotionEvent e) {
		if (viewFlipper.isFlipping()) {
			viewFlipper.stopFlipping();
		} else {
			viewFlipper.startFlipping();
		}
		return true;
	}

	@Override
	public boolean onTouchEvent(MotionEvent event) {
		return this.gestureDetector.onTouchEvent(event);
	}

	@Override
	public boolean onDown(MotionEvent e) {
		// down事件
		return false;
	}

	public boolean onFling(//
			MotionEvent e1, // e1:第一个ACTION_DOWN事件(手指按下的那一点)
			MotionEvent e2, // e2:最后一个ACTION_MOVE事件 (手指松开的那一点)
			float velocityX,// velocityX:手指在x轴移动的速度 单位:像素/秒
			float velocityY)// velocityY:手指在y轴移动的速度 单位:像素/秒
	{
		// 滑动手势事件
		if (e1.getX() - e2.getX() > 60) {// 向右滑动,下一页
			// setOutAnimation: 设置View退出屏幕时候使用的动画,参数setInAnimation函数一样。
			this.viewFlipper.setInAnimation(AnimationUtils.loadAnimation(this,
					R.anim.zoomin));
			this.viewFlipper.setOutAnimation(AnimationUtils.loadAnimation(this,
					R.anim.zoomout));
			this.viewFlipper.showNext();// 调用该函数来显示FrameLayout里面的下一个View。
			return true;
		} else if (e1.getX() - e2.getX() < -60) {// 向左滑动,上一页
			this.viewFlipper.setInAnimation(AnimationUtils.loadAnimation(this,
					R.anim.zoomin));
			this.viewFlipper.setOutAnimation(AnimationUtils.loadAnimation(this,
					R.anim.zoomout));
			this.viewFlipper.showPrevious();// 调用该函数来显示FrameLayout里面的上一个View。
			return true;
		}
		return false;
	}

	@Override
	public void onLongPress(MotionEvent e) {
		// 长按事件
	}

	@Override
	public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,
			float distanceY) {
		// 在屏幕上拖动事件。
		return false;
	}

	@Override
	public void onShowPress(MotionEvent e) {
		// down事件发生而move或则up还没发生前触发该事件;
	}

	@Override
	public boolean onSingleTapUp(MotionEvent e) {
		// 一次点击up事件;
		return false;
	}

	// 按钮触摸事件
	public boolean onTouch(View v, MotionEvent event) {
		switch (v.getId()) {
		case R.id.preButton1:
			if (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(Main.this,
				// R.anim.push_right_in));
				//
				// flipper.setOutAnimation(AnimationUtils.loadAnimation(Main.this,R.anim.push_right_out));
				viewFlipper.showPrevious();
			}
			break;
		case R.id.nextButton1:
			if (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(Main.this,
				// R.anim.push_left_in));
				//
				// flipper.setOutAnimation(AnimationUtils.loadAnimation(Main.this,R.anim.push_left_out));
				viewFlipper.showNext();
			}
			break;

		default:
			break;
		}
		return false;
	}
}


Xml代码
<?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">
	<ViewFlipper android:id="@+id/ViewFlipper"
		android:layout_width="fill_parent" android:layout_height="fill_parent">
		<!-- 第 1 页 -->
		<AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android"
			android:orientation="vertical" android:layout_width="fill_parent"
			android:background="#FFFFFF" android:layout_height="fill_parent">
			<TextView android:text="第 1 页" android:textSize="35dp"
				android:textColor="#000000" android:layout_width="wrap_content"
				android:layout_height="wrap_content" android:layout_x="115dp"
				android:layout_y="20dp" />
		</AbsoluteLayout>
		<!-- 第 2 页 -->
		<AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android"
			android:orientation="vertical" android:layout_width="fill_parent"
			android:background="#FFFF00" android:layout_height="fill_parent">
			<TextView android:text="第 2 页" android:textSize="35dp"
				android:textColor="#000000" android:layout_width="wrap_content"
				android:layout_height="wrap_content" android:layout_x="120dp"
				android:layout_y="20dp" />
		</AbsoluteLayout>
		<!-- 第 3 页 -->
		<AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android"
			android:orientation="vertical" android:layout_width="fill_parent"
			android:background="#99CC33" android:layout_height="fill_parent">
			<TextView android:text="第 3 页" android:textSize="35dp"
				android:textColor="#000000" android:layout_width="wrap_content"
				android:layout_height="wrap_content" android:layout_x="120dp"
				android:layout_y="20dp" />
		</AbsoluteLayout>
	</ViewFlipper>
	<Button android:layout_width="wrap_content" android:text="上一页"
		android:gravity="center" android:textSize="20sp"
		android:layout_height="40dp" android:id="@+id/preButton1"
		android:layout_x="101dp" android:layout_y="300dp" />
	<Button android:layout_width="wrap_content" android:text="下一页"
		android:layout_height="40dp" android:id="@+id/nextButton1"
		android:gravity="center" android:textSize="20sp" android:layout_x="182dp"
		android:layout_y="300dp" />
</AbsoluteLayout>


原文地址:http://andli.iteye.com/blog/1182101
分享到:
评论

相关推荐

    类似iphone滑动按钮效果

    标题中的“类似iPhone滑动按钮效果”指的是在iOS或Android应用开发中常见的滑动开关(Slide Button)组件,这种组件通常被用作一种用户界面元素,允许用户通过滑动按钮来开启或关闭某个功能。在iOS中,它被称为...

    放IPHONE的图片切换效果

    标题中的“放IPHONE的图片切换效果”指的是在软件或网页设计中,模仿苹果iPhone设备上的图片滑动切换效果。这种效果通常出现在相册应用、幻灯片展示或者UI设计中,用户可以通过左右滑动来浏览不同的图片。实现这一...

    qt实现iPhone滑动切换图片的界面效果

    这个是一个实现滑动切换图片的代码,是在qtcn里面下载,拿过来与大家分享一下,这个程序只能在linux下面加载图片成功,windows下加载不上,不知道为啥,用法就是将你自己的图片拷贝到.exe目录下面

    iPhone之手势切换图片示例程序

    "iPhone之手势切换图片示例程序"是一个教程,旨在教你如何利用手势识别技术在iPhone应用中实现图片的平滑切换。这个示例程序可能包含了多个步骤,包括设置手势识别器、响应手势事件以及动态更新图片视图。 首先,...

    js实现类似iphone图片切换效果简单实用

    在JavaScript编程领域,创建类似iPhone图片切换效果是一种常见的需求,特别是在网页设计和移动应用界面的开发中。这种效果能够提供用户友好的体验,使浏览图片变得更加流畅和直观。本教程将详细讲解如何利用...

    仿path效果类似iphone

    标题中的“仿path效果类似iPhone”指的是在软件开发中,特别是在Android或iOS平台上,尝试复现Path这款社交应用的界面和交互效果,使其看起来和iPhone上的体验相似。Path是一款知名的社交网络应用,以其简洁的设计和...

    ios-滑动切换视图.zip

    "ios-滑动切换视图.zip"这个压缩包可能包含了一个名为UNSlideController的自定义控制器,该控制器设计用于实现这种滑动切换效果。以下是对滑动视图切换这一知识点的详细说明: 1. **滑动视图切换的基本概念**: - ...

    iphone 各种视图切换效果

    UIPageViewController用于创建类似相册或电子书的翻页效果,通过设置pageViewController的dataSource和delegate,可以控制页面内容和切换逻辑。通过自定义数据源,你可以实现无限滚动或非线性页面布局。 4. **...

    iphone图片切换效果

    iphone图片切换效果

    仿iphone图片3D切换效果

    【描述】"这是一个仿iPhone斜拉的横向3D图片切换效果demo",表明这是一个演示项目,它展示了如何通过编程技术模仿iPhone中图片切换时的滑动和3D变换。"实现了iPhone图片浏览的效果"意味着这个demo能够展示图片之间的...

    iphone 滑动解锁效果

    在iOS开发中,滑动解锁效果是用户界面中常见的交互元素,它模仿了早期iPhone的解锁方式,带给用户熟悉的操作体验。本教程将详细介绍如何基于`UIControl`类实现一个自定义的iPhone滑动解锁控件。`UIControl`是UIKit...

    仿iphone滑动界面 jquery iphone ui

    在IT行业中,创建类似iPhone的滑动界面是许多开发者追求的目标,特别是在网页设计领域。"jQuery iPhone UI"是一个专门用于构建具有苹果设备风格用户界面的jQuery插件。这个工具允许开发者轻松地为他们的网站添加iOS...

    类似iphone短信中滑动收缩键盘

    总的来说,实现类似iPhone短信中滑动收缩键盘的功能,需要深入了解iOS的事件处理、手势识别、动画控制以及键盘通知机制。通过以上步骤,开发者可以为自己的应用添加类似的交互,提高用户体验。在实际开发中,不断...

    类似Iphone滑动的Datagrid框,效果不是很好

    综上所述,要实现一个类似iPhone滑动效果的Datagrid组件,需要考虑性能、用户体验、代码实现和跨平台兼容性等多个因素,并且可能涉及到各种开发工具和技术,如前端框架、数据网格库、服务器端通信以及性能优化策略。...

    ios-陌陌的点点动画 和卡片左右滑动切换效果.zip

    公司最近不忙,自己又近期学了core animation,就想找个好玩的动画实现一下...好了,这个demo整体上我感觉还是可以的,效果图是模拟器测试的,如果学习动画,建议测试有在真机上了,因为毕竟mac和iphone还是有区别的。

    类似IPHONE界面设计的png图标

    "类似IPHONE界面设计的png图标"这一主题,聚焦于借鉴iPhone的界面风格来创作PNG图标,这是一种广泛应用于移动应用和网站设计的方法。PNG是一种无损压缩的图像文件格式,其透明度特性使得它成为图标设计的首选格式。 ...

    苹果iPhone手机桌面滑动效果模板.zip

    在这个项目中,jQuery可能用于选择和操作页面元素,绑定滑动事件,以及执行平滑的动画效果,比如在用户左右滑动时切换"屏幕"。 最后,Touchable.js是一个专门为触摸设备设计的JavaScript库,它增强了触摸事件的处理...

    WPF模仿iPhone桌面滑动解锁效果

    在本文中,我们将深入探讨如何使用Windows Presentation Foundation (WPF) 模仿iPhone的桌面滑动解锁效果。WPF是Microsoft开发的一种强大的图形用户界面框架,它提供了丰富的功能来创建美观且互动性强的桌面应用程序...

    iphone滑动动画效果

    iPhone滑动动画不仅限于应用内部的页面切换,还可以应用于各种元素,如图片轮播、菜单展开、抽屉效果等。这些动画通常利用CSS3的特性来实现,因为CSS3提供了丰富的动画和过渡功能,可以实现平滑、高性能的视觉效果,...

Global site tag (gtag.js) - Google Analytics