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

用ImageSwitcher实现图片的动画切换

 
阅读更多

实现图片的从左到右或者从右到左的出场入场动画,看代码:

private ImageSwitcher mShowPicArea = null;
......
mShowPicArea.setOnTouchListener(new View.OnTouchListener() {
			private float downX;
			@Override
			public boolean onTouch(View v, MotionEvent event) {
				switch(event.getAction()) {
				case MotionEvent.ACTION_DOWN:
					downX = event.getX();
					break;
				case MotionEvent.ACTION_UP:
					int totalCount = getPictureCount();
					if(event.getX()+60 < downX && selectPosition < totalCount-1) {
						// to next image, the distance of gesture should be longer than 100 
						int selection = selectPosition+1;
						updateSelectedImage(selection, TO_RIGHT);
					} 
					else if(event.getX()-60 > downX && selectPosition > 0){
						// to previous image
						int selection = selectPosition - 1;
						updateSelectedImage(selection, TO_LEFT);
					}
					break;
				}
				return true;
			}
			
			private void updateSelectedImage(int selection, boolean toRight) {
				if(toRight) {
					mShowPicArea.setInAnimation(AnimationUtils.loadAnimation(PictureSlideActivity.this,
							android.R.anim.slide_in_left));
					mShowPicArea.setOutAnimation(AnimationUtils.loadAnimation(PictureSlideActivity.this,
							android.R.anim.slide_out_right));
				} else {
					mShowPicArea.setInAnimation(AnimationUtils.loadAnimation(PictureSlideActivity.this,
							R.anim.slide_in_right));
					mShowPicArea.setOutAnimation(AnimationUtils.loadAnimation(PictureSlideActivity.this,
							R.anim.slide_out_left));
				}
				showImage(selection);
				selectPosition = selection;
				mPictureSlide.setSelection(selectPosition);
				updateGallerySelection(selectPosition);
				
			}
		});
 实现一个OnTouchListener,实现onTouch方法,捕获滑动的操作,当滑动超过60dip后触发图片切换动作
分享到:
评论

相关推荐

    imageswitcher

    利用imageswitcher实现图片的预览切换功能,希望对你有帮助!

    Android控件ImageSwitcher实现左右图片切换功能

    ImageSwitcher类是ViewSwitcher类的子类,它实现的效果是在完成ImageView的切换并且带有动画效果。要使用这个类需要以下两个步骤: 1)为ImageSwitcher类提供一个ViewFactory,该ViewFactory生成的View组件必须是...

    Android程序技术:图像切换器.pptx

    在使用ImageSwitcher切换图片时,定义的Activity类必须实现ViewSwitcher.ViewFactory接口(视图切换工厂),并通过makeView()方法来创建用于显示图片的ImageView。在使用ImageSwitcher切换图片时,可以通过Animation...

    Android图片切换特效示例:水平百叶窗、垂直百叶窗、马赛克

    其实各种切换特效都能用Android的属性动画来做的,我就如此简单做了一个,目前有3种特效:水平百叶窗、垂直百叶窗和马赛克,其实懂得这个原理做任何特效都是可以的。 为方便各位童鞋看到运行效果,我上传的是完整的...

    图片切换器

    利用ImageSwitcher 来实现图片切换的动画效果 !

    Android图片滑动切换代码实例下载.rar

    Android图片滑动切换代码实例下载,安卓图片切换效果的例子源码,把图片分装成键-值对的形式封装到容器里,获得R.layout.main中的组件元素, ImageSwitcher更换的动画效果,ImageSwitcher会显示makeView()方法返回的...

    Flash百叶窗图片切换.rar

    Flash百叶窗图片切换动画 Fla源码,竖向的百叶窗效果,点击图片会展开放大显示,用在网页上做焦点图切换想当合适,具体效果请参见截图。

    Android开发之ImageSwitcher相册功能实例分析

    本文实例讲述了Android开发之ImageSwitcher相册功能。分享给大家供大家参考,具体如下: ...3.中重要的是:ImageSwitcher增加了图片切换动画,使得图片的切换更加自然 这里看下运行效果: 这个例子中,看考

    Android中使用imageviewswitcher 实现图片切换轮播导航的方法

    ImageSwitcher是Android中控制图片展示效果的一个控件。本文给大家介绍Android中使用imageviewswitcher 实现图片切换轮播导航的方法,需要的朋友参考下吧

    Android模糊的ImageSwitcher库-Android开发

    BlurImageSwitcher是一个轻量级的ImageSwitcher库,用于使用模糊动画切换图像。 BlurImageSwitcher Android模糊ImageSwitcher库BlurImageSwitcher是一个轻量级的ImageSwitcher库,用于使用模糊动画切换图像。 演示...

    ViewFlipper和ViewSwitcher的使用

    ViewFlipper和ViewSwitcher的使用:屏幕切换指的是在同一个Activity内屏幕见的切换,最长见的情况就是在一个FrameLayout内有多个页面,比如...该类也具有两个子类ImageSwitcher、TextSwitcher分别用于图片和文本切换。

    疯狂Android讲义源码

     图像切换器(ImageSwitcher)  功能和用法 104  2.4.12 画廊视图(Gallery)的功能和  用法 107  2.5 对话框 110  2.5.1 使用AlertDialog创建简单  对话框 110  2.5.2 使用AlertDialog创建列表  对话框 ...

    疯狂Android讲义.part1

    图像切换器(ImageSwitcher) 功能和用法 104 2.4.12 画廊视图(Gallery)的功能和 用法 107 2.5 对话框 110 2.5.1 使用AlertDialog创建简单 对话框 110 2.5.2 使用AlertDialog创建列表 对话框 112 2.5.3 使用...

    oureffect:一些常用的javascript效果和工具类

    加入了一些动画效果|—— effect1-js 图片分割效果|—— imageSwitcher 使用原生javascript写的js图片切换效果|—— library| |—— jquery.mousewheel.js 基于jquery的绑定鼠标滚轮时间的插件| |—— touchwipe.js ...

Global site tag (gtag.js) - Google Analytics