FancyCoverFlow重写了gallery实现了画廊特效。这里记录下具体的使用方法:

1 在布局文件中添加控件

android:id="@+id/fancy_cover"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_marginTop="10dp"

android:padding="0dp"

/>

2 更具视图的需要,可以对FancyCoverFlow控件的显示效果进行修改。

fancyCover = (FancyCoverFlow) findViewById(R.id.fancy_cover);

fancyCover.setAdapter(new FancyCoverFlowAdapter() {

@Override

public View getCoverFlowItem(int position, View reusableView, ViewGroup parent) {

ImageView iv = new ImageView(mContext);

Gallery.LayoutParams params = new Gallery.LayoutParams((int) (AppUtil.getScreenSize(mContext, 0) / 3 - AppUtil.dpToPixel(10)), (int) (AppUtil.getScreenSize(mContext, 1) / 3 - AppUtil.dpToPixel(10)));

iv.setLayoutParams(params);

iv.setImageResource(R.drawable.lena);

return iv;

}

@Override

public int getCount() {

//实现无限循环,设置count为最大值

return Integer.MAX_VALUE;

}

@Override

public Object getItem(int position) {

return dataSet.get(position % dataSet.size());

}

@Override

public long getItemId(int position) {

return 0;

}

});

fancyCover.setUnselectedAlpha(0.0f);

//未选中时的缩放比例

fancyCover.setUnselectedScale(0.5f);

fancyCover.setSpacing(45);

fancyCover.setMaxRotation(0);

//未选择项的下对齐比例 0f:上对齐 0.5f:居中对齐 1f:下对齐

fancyCover.setScaleDownGravity(0.5f);

fancyCover.setActionDistance(FancyCoverFlow.ACTION_DISTANCE_AUTO);

3 实现的效果如下:

1.jpg

2.jpg

存在的问题:

滑动过程中有边框线显示出来了。

解决方案:

将布局文件设定固定的高度:

android:id="@+id/fancy_cover"

android:layout_width="200dp"

android:layout_height="200dp"

android:layout_marginTop="10dp"

android:padding="0dp"

/>

这样在滑动过程中就不会出现虚线框了。

html5 coverflow,使用FancyCoverFlow实现3D无限循环切换视图相关推荐

  1. ios之实现自动无限循环滚动视图(1)

    ios之实现自动无限循环滚动视图(1) 前言 效果展示 功能 分析 全部代码 前言 ios实现无限循环滚动主要有两种办法,都利用了UIScrollView,第一种是创建一个很大的UIScrollVie ...

  2. html5怎么让图片向下无限循环,图片效果,教你制作无限循环的德罗斯特效应图片...

    什么叫德罗斯特效应?就是这类可以无限循环的图片,看上去非常有意思,而且制作十分简单,只要几步就能做出来. 这个就是德罗斯特效应的效果: 要制作这种效果效果是不是很复杂呢,其实用Photoshop几步操 ...

  3. 利用jQuery实现图片无限循环轮播(不借助于轮播插件)

    原来我主要是用Bootstrap框架或者swiper插件实现轮播图的功能,而这次是用jQuery来实现图片无限循环轮播! 用到的技术有:html.css.JavaScript(少).jQuery(主要 ...

  4. Android TV 3D卡片无限循环效果

    TV 3D卡片无限循环效果 ##前言 需求:实现3个卡片实现无限循环效果:1-2-3-1-2-3-1-,而且要实现3D效果:中间突出,两侧呈角度显示 Viewpager实现方式 (1) LoopVie ...

  5. html5图片无限循环播放,原生js实现无限循环轮播图效果

    知识要点 1.实现无限循环的原理: 以偏移的距离来判断是否跳回第一张和最后一张 也可以利用循环判断图片的当前索引值 var newLeft=parseInt(list.style.left)+offs ...

  6. 旋转360 css 动画效果,使用CSS3动画属性实现360°无限循环旋转【代码片段】

    使用CSS3的animation动画属性实现360°无限循环旋转. 代码片段:   //图片路径自定义 CSS样式书写如下: #change{ position:absolute; right:200 ...

  7. HTML图片重叠变换,CSS实现图片无缝无限循环展示效果

    只是想练练手,看看能不能实现在页面上放置一个能无限循环滚动的图片横幅.事实证明,这并不是很难. 先看实际效果: 无限循环滚动的关键是确定宽图片的位置 首先,这个图片的设计需要有一点技巧,就是它的首位部 ...

  8. 【骚气的动效】无限循环往下往复淡入淡出运动,通常用于向下箭头,提示用户可以往下滚动或者点击展开

    /* 无限循环往下往复淡入淡出运动 */%auto-down-animate {animation: auto-down-animate 1s ease-in-out infinite;-moz-an ...

  9. Maya创建科幻3D动画循环场景视频教程

    Maya创建科幻3D动画循环场景视频教程 Skillshare – Create a Sci-Fi 3D Animation Loop in Autodesk Maya 持续时间3h 27m 包括项目 ...

最新文章

  1. echart x轴标签偏移_移动端H5页面滑动手势X轴实例
  2. C/C++操作符的优先级和结合性问题浅析
  3. 商品详情及规格参数的渲染
  4. Maven Optional Exclusions使用区别
  5. python处理一个文件夹下的所有文件并保存在新的文件夹
  6. 基于昇腾CANN的卡通图像生成可在线体验啦!十分钟带你了解CANN应用开发全流程
  7. 黑客利用未修复的 Atlassian 服务器攻击电信运营商和 ISP
  8. luogu P1908 逆序对
  9. Linux 文件系统(二)---执行过程及结构间的关系
  10. 世界之窗浏览器 v 3.6.1.0 [官方最新版]
  11. QT的信号与槽机制介绍
  12. 汉化pycharm,中文
  13. C# WinForm ListView控件用法详解
  14. 迎亚运 广州推出全国首个地铁导向地图
  15. 罗技无法使用计算机上的配置文件,Win10专业版罗技无线鼠标无法使用咋办?
  16. 根据出库、入库表,实现对库存的信息查询
  17. 实践四 -- 文本词频分析
  18. 【Python】与或非的符号表示
  19. SCAU程序设计在线实训平台_实验_高级语言程序设计_教材习题_第七章
  20. 如何导出计算机硬盘重数据,硬盘对拷教程,100%保存原硬盘数据

热门文章

  1. 阿里云物联网平台远程配置功能JAVA 示例参考
  2. MongoDB Sharding 请勿复用已删除的 namespace
  3. Spring Cloud Alibaba迁移指南(三):极简的 Config
  4. Python数据挖掘与机器学习,快速掌握聚类算法和关联分析
  5. 不记得 Git 命令? 懒人版 Git 值得拥有!
  6. 专访合一智芯杨桦:做AI芯片核心技术的底层设计师
  7. 仅用 2 年过渡到自研 ARM 芯片,苹果的底气从何而来?
  8. “我哥毕业1年,做Python挣了50W!”网友:吹得太少...
  9. IoT与大数据 如何激发数字营销最大潜能?
  10. ajax返回list前台遍历_List、set集合接口分析