gallary滑动切换图片

项目需求，要做一个头像滑动切换（ demo源码在 http://git.oschina.net/agilest/gallary-demo），android刚接触，不是很熟悉，网上看了有很多类似仿iOS CoverFlow的组件（http://www.oschina.net/p/android-coverflow）。看了一下效果跟我要的差不多一致，就是当前图片正面显示，左右两侧的Y轴旋转。但是这个demo在滑动后Y轴旋转角度貌似有点麻烦（又是计算中心点，又是各种加减乘除），同时好像还有bug（滑动过快会导致正负出现计算错误）。研究了一番，发现其实很简单，左侧的图片旋转80度，右侧的图片旋转－80度，只要找到每一张的前一张（往左侧滑动时左侧那张）和下一张（往左侧滑动时右侧那张），然后让他们分别延Y轴旋转80盒－80就可以了，如何找到这两张呢？其实很简单：

public View getView(int position, View convertView, ViewGroup parent) {ImageView i = mImages[position % mImages.length];i.setTag(position);return i;
}

给每个ImageView设置一个tag，然后在滑动时判断tag的值就可以了：

protected boolean getChildStaticTransformation(View child, Transformation t) {t.clear();t.setTransformationType(Transformation.TYPE_MATRIX);int childIndex = Integer.parseInt(child.getTag().toString());int currentIndex = Integer.parseInt(this.getSelectedView().getTag().toString());if(childIndex==currentIndex){transformImageBitmap((ImageView) child,t,0);}else if(childIndex<currentIndex){transformImageBitmap((ImageView) child,t,mMaxRotationAngle);}else{transformImageBitmap((ImageView) child,t,-mMaxRotationAngle);}return true;}

转载于:https://my.oschina.net/u/725579/blog/529848

gallary滑动切换图片相关推荐

WPF之鼠标滑动切换图片
原文:WPF之鼠标滑动切换图片在网上找了一会儿也没找到我想要的效果,还是自己动手,丰衣足食吧. 需求:当前面板中只显示一张图片,图片栏的下部有用来显示当前图片处于图片队列中的位置的圆球,并且点击下部 ...
Android左右滑动切换图片
简要说明本文采用ImageSwitcher实现左右滑动切换图片.首先调用setFactory方法,设置视图工厂:然后设置手指触碰监听,判断左滑右滑进而切换图片. 本地图片 xml <?xml ...
android+放大缩小图片+有jar嘛,Android相册支持点击放大图片，滑动切换图片，手势放大缩小...
[实例简介] 项目使用了开源框架Universal-Image-Loader 显示本地图库所有照片点击放大,单击退出双击放大缩小支持左右滑动查看图片支持手势放大缩小图片 [实例截图] [核心代 ...
vue移动端滑动切换图片的一个简单思路
最近想仿一下美团app里的榛果民宿,当做移动端的练习.github地址在这里,还没做完. 按照app里的图片切换效果想了一个简单的实现思路,在这个基础上做更复杂一点更炫酷一点的轮播应该也是可以的.效果 ...
android实现滑动切换图,Android：使用ViewPager实现左右滑动切换图片加点点
图片发自简书App 1.引入android-support-v4.jar包,在主布局里加入 < ?xml version="1.0" encoding="utf-8 ...
Android瀑布流照片墙、滑动切换图片
继续上一篇博客中提到的反编译"马蜂窝自由行"app. 今天看到下方这段效果不错,决定实现出来. 从Gif中我们看出这个其实就是一个照片墙加上一个图片滑动.在查看图片时还有个放大缩小 ...
Gallery 3D+倒影滑动切换图片示例(转)
效果图如下: 贴上代码: 1.扩展Gallery: public class GalleryFlow extends Gallery { private Camera mCamera = ne ...
c语言触屏滑动图片,微信小程序左右滑动切换图片酷炫效果（附效果）(示例代码)...
开门见山,先上效果吧!感觉可以的用的上的再往下看. 心动吗?那就继续往下看! 先上页面结构吧,也就是wxml文件,其实可以理解成微信自己封装过的html,这个不多说了,不懂也没必要往下看了. 1 2 ...
js 左右滑动切换图片
$('.slider').on('touchend', function (e) {// 判断默认行为是否可以被禁用if (e.cancelable) {// 判断默认行为是否已经被禁用if (!e. ...

gallary滑动切换图片

gallary滑动切换图片相关推荐

最新文章

热门文章