`
youngerbaby
  • 浏览: 114971 次
  • 性别: 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`适用于简单图片轮播,它自带了切换动画,适合快速实现图片左右切换的功能。`ViewFlipper`适用于无手势的定时切换,而`ViewPager`则更适合需要多页面交互和内容展示的场景。根据实际项目...

    GridView+ImageSwitcher实现的图片切换(左滑右滑切换)

    而ImageSwitcher是Android提供的一个视图切换器,适用于在两个ImageView之间平滑地切换图片,常用于实现图片轮播或者类似的效果。在这个场景中,我们将讨论如何结合这两种组件来实现一个图片左右滑动切换的功能。 ...

    自定义ImageSwitcher实现更新图片切换效果

    `ImageSwitcher`是Android提供的一个用于在两张图片之间进行切换的视图,它内部集成了`ViewFlipper`,可以实现过渡动画,让图片切换更加自然流畅。 首先,我们需要了解`ImageSwitcher`的基本用法。`ImageSwitcher`...

    Android UI控件之ImageSwitcher实现图片切换效果

    "Android UI控件之ImageSwitcher实现图片切换效果" ImageSwitcher是Android UI控件中的一种图片切换控件,主要用于实现图片浏览器中的上一张、下一张的功能。其使用方法较为简单,但需要注意的是ImageSwitcher在...

    android ImageSwitcher实现实例

    总之,Android的ImageSwitcher组件为开发者提供了方便的方式来展示和切换图片,结合适配器和动画效果,可以实现各种复杂的图片浏览和交互功能。通过理解并实践上述知识点,你可以更好地利用ImageSwitcher来提升你的...

    Gallery&ImageSwitcher;实现图片浏览效果

    将`Gallery`和`ImageSwitcher`结合使用,可以实现一个图片轮播的效果。首先,在布局文件中添加`Gallery`和`ImageSwitcher`,并设置它们的属性。`Gallery`的适配器通常是一个自定义的`ArrayAdapter`或`CursorAdapter`...

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

    由于`ImageSwitcher`默认提供了动画效果,所以图片的切换会伴随着平滑的动画过渡。 这个简单的示例展示了如何利用`ImageSwitcher`来创建一个基本的图片浏览应用,通过扩展它可以实现更复杂的图片展示功能,如轮播图...

    ImageSwitcher自动切换

    在Android开发中,ImageSwitcher是一个非常有用的组件,它主要用于在不同的ImageView之间进行平滑的动画切换,通常用于实现图片轮播或者展示效果。在这个"ImageSwitcher自动切换"的项目中,我们将深入探讨如何利用...

    切换图片 ImageSwitcher

    通过以上步骤,我们就能够灵活地使用`ImageSwitcher`实现图片的平滑切换。在实际项目中,根据需求,可能还需要考虑性能优化,如使用`Paging Library`分页加载图片,或者使用缓存机制减少网络请求。总的来说,`...

    Android控件ImageSwitcher图片切换器

    在Android开发中,ImageSwitcher是一个非常实用的控件,用于在不同的图片之间进行平滑切换,常用于实现类似轮播图或者加载网络图片的效果。它继承自ViewSwitcher,并且内部包含了两个ImageView,用于显示不同的图片...

    imageswitcher

    接下来,我们将深入探讨这个主题,了解如何使用"imageswitcher"实现图片预览切换功能,并探索相关的技术知识点。 首先,我们来讨论"imageswitcher"的基本工作原理。通常,这种工具会基于某种编程语言(如JavaScript...

    Imageswitcher和Gallery实现同步

    综上所述,`Imageswitcher` 和 `Gallery` 的同步实现涉及到数据绑定、事件监听、图片加载、自动播放和动画设置等多个环节。通过合理的组合和定制,可以创建出具有专业级用户体验的图片浏览组件。在实际开发中,还...

    利用Gallery结合ImageSwitcher实现的图片浏览小程序

    通常,我们会使用`ImageSwitcher`的`showNext()`或`showPrevious()`方法来实现平滑的图片切换动画。 在`ch04_GalleryWithImageSwitcher`这个文件夹中,包含了实现这个功能的源代码。你可以通过查看这些文件,了解...

    Android画廊组件实现图片切换

    在这个场景中,我们将探讨如何使用Gallery类以及ImageSwitcher来实现一个典型的图片切换效果,即上方显示小图的画廊,下方显示大图的功能。 首先,让我们深入了解Gallery类。Gallery继承自AbsSpinner,是一个水平...

    Android利用Gallery和ImageSwitcher实现在线相册图片预览功能(异步加载图片).zip

    当用户在`Gallery`中滑动选择图片时,对应的`ImageView`会被传递给`ImageSwitcher`,然后`ImageSwitcher`开始异步加载新图片,并在加载完成时用动画效果无缝切换。 异步加载图片是为了防止因为网络延迟或者图片大小...

    Android基于ImageSwitcher实现图片切换功能

    总之,通过结合使用ImageSwitcher、ViewFactory、触摸监听器以及适当的图片加载逻辑,我们可以轻松地实现图片切换功能,为用户带来流畅的交互体验。这种实现方式相对于ViewPager等其他组件,可能更加简洁,特别适合...

    Gallery和imageSwitcher循环显示切换图像组件

    在Android开发中,展示图像的方式多种多样,其中`Gallery`和`ImageSwitcher`是两种常用的组件,尤其适用于实现图片的循环显示切换效果。这里,我们将深入探讨这两个组件的使用方法及其背后的原理。 首先,`Gallery`...

    ImageSwitcher结合HoizontalScrollView图片浏览

    `ImageSwitcher`是Android提供的一个视图切换器,主要用于在两个视图之间进行平滑的动画切换。通常,我们会用它来展示不同图片,比如在应用的主界面或者轮播广告中。`ImageSwitcher`内部包含两个`View`,默认会显示...

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

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

Global site tag (gtag.js) - Google Analytics