实现图片的从左到右或者从右到左的出场入场动画,看代码:
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类是ViewSwitcher类的子类,它实现的效果是在完成ImageView的切换并且带有动画效果。要使用这个类需要以下两个步骤: 1)为ImageSwitcher类提供一个ViewFactory,该ViewFactory生成的View组件必须是...
在使用ImageSwitcher切换图片时,定义的Activity类必须实现ViewSwitcher.ViewFactory接口(视图切换工厂),并通过makeView()方法来创建用于显示图片的ImageView。在使用ImageSwitcher切换图片时,可以通过Animation...
其实各种切换特效都能用Android的属性动画来做的,我就如此简单做了一个,目前有3种特效:水平百叶窗、垂直百叶窗和马赛克,其实懂得这个原理做任何特效都是可以的。 为方便各位童鞋看到运行效果,我上传的是完整的...
利用ImageSwitcher 来实现图片切换的动画效果 !
Android图片滑动切换代码实例下载,安卓图片切换效果的例子源码,把图片分装成键-值对的形式封装到容器里,获得R.layout.main中的组件元素, ImageSwitcher更换的动画效果,ImageSwitcher会显示makeView()方法返回的...
Flash百叶窗图片切换动画 Fla源码,竖向的百叶窗效果,点击图片会展开放大显示,用在网页上做焦点图切换想当合适,具体效果请参见截图。
本文实例讲述了Android开发之ImageSwitcher相册功能。分享给大家供大家参考,具体如下: ...3.中重要的是:ImageSwitcher增加了图片切换动画,使得图片的切换更加自然 这里看下运行效果: 这个例子中,看考
ImageSwitcher是Android中控制图片展示效果的一个控件。本文给大家介绍Android中使用imageviewswitcher 实现图片切换轮播导航的方法,需要的朋友参考下吧
BlurImageSwitcher是一个轻量级的ImageSwitcher库,用于使用模糊动画切换图像。 BlurImageSwitcher Android模糊ImageSwitcher库BlurImageSwitcher是一个轻量级的ImageSwitcher库,用于使用模糊动画切换图像。 演示...
ViewFlipper和ViewSwitcher的使用:屏幕切换指的是在同一个Activity内屏幕见的切换,最长见的情况就是在一个FrameLayout内有多个页面,比如...该类也具有两个子类ImageSwitcher、TextSwitcher分别用于图片和文本切换。
图像切换器(ImageSwitcher) 功能和用法 104 2.4.12 画廊视图(Gallery)的功能和 用法 107 2.5 对话框 110 2.5.1 使用AlertDialog创建简单 对话框 110 2.5.2 使用AlertDialog创建列表 对话框 ...
图像切换器(ImageSwitcher) 功能和用法 104 2.4.12 画廊视图(Gallery)的功能和 用法 107 2.5 对话框 110 2.5.1 使用AlertDialog创建简单 对话框 110 2.5.2 使用AlertDialog创建列表 对话框 112 2.5.3 使用...
加入了一些动画效果|—— effect1-js 图片分割效果|—— imageSwitcher 使用原生javascript写的js图片切换效果|—— library| |—— jquery.mousewheel.js 基于jquery的绑定鼠标滚轮时间的插件| |—— touchwipe.js ...