html5 coverflow,使用FancyCoverFlow实现3D无限循环切换视图
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无限循环切换视图相关推荐
- ios之实现自动无限循环滚动视图(1)
ios之实现自动无限循环滚动视图(1) 前言 效果展示 功能 分析 全部代码 前言 ios实现无限循环滚动主要有两种办法,都利用了UIScrollView,第一种是创建一个很大的UIScrollVie ...
- html5怎么让图片向下无限循环,图片效果,教你制作无限循环的德罗斯特效应图片...
什么叫德罗斯特效应?就是这类可以无限循环的图片,看上去非常有意思,而且制作十分简单,只要几步就能做出来. 这个就是德罗斯特效应的效果: 要制作这种效果效果是不是很复杂呢,其实用Photoshop几步操 ...
- 利用jQuery实现图片无限循环轮播(不借助于轮播插件)
原来我主要是用Bootstrap框架或者swiper插件实现轮播图的功能,而这次是用jQuery来实现图片无限循环轮播! 用到的技术有:html.css.JavaScript(少).jQuery(主要 ...
- Android TV 3D卡片无限循环效果
TV 3D卡片无限循环效果 ##前言 需求:实现3个卡片实现无限循环效果:1-2-3-1-2-3-1-,而且要实现3D效果:中间突出,两侧呈角度显示 Viewpager实现方式 (1) LoopVie ...
- html5图片无限循环播放,原生js实现无限循环轮播图效果
知识要点 1.实现无限循环的原理: 以偏移的距离来判断是否跳回第一张和最后一张 也可以利用循环判断图片的当前索引值 var newLeft=parseInt(list.style.left)+offs ...
- 旋转360 css 动画效果,使用CSS3动画属性实现360°无限循环旋转【代码片段】
使用CSS3的animation动画属性实现360°无限循环旋转. 代码片段: //图片路径自定义 CSS样式书写如下: #change{ position:absolute; right:200 ...
- HTML图片重叠变换,CSS实现图片无缝无限循环展示效果
只是想练练手,看看能不能实现在页面上放置一个能无限循环滚动的图片横幅.事实证明,这并不是很难. 先看实际效果: 无限循环滚动的关键是确定宽图片的位置 首先,这个图片的设计需要有一点技巧,就是它的首位部 ...
- 【骚气的动效】无限循环往下往复淡入淡出运动,通常用于向下箭头,提示用户可以往下滚动或者点击展开
/* 无限循环往下往复淡入淡出运动 */%auto-down-animate {animation: auto-down-animate 1s ease-in-out infinite;-moz-an ...
- Maya创建科幻3D动画循环场景视频教程
Maya创建科幻3D动画循环场景视频教程 Skillshare – Create a Sci-Fi 3D Animation Loop in Autodesk Maya 持续时间3h 27m 包括项目 ...
最新文章
- echart x轴标签偏移_移动端H5页面滑动手势X轴实例
- C/C++操作符的优先级和结合性问题浅析
- 商品详情及规格参数的渲染
- Maven Optional Exclusions使用区别
- python处理一个文件夹下的所有文件并保存在新的文件夹
- 基于昇腾CANN的卡通图像生成可在线体验啦!十分钟带你了解CANN应用开发全流程
- 黑客利用未修复的 Atlassian 服务器攻击电信运营商和 ISP
- luogu P1908 逆序对
- Linux 文件系统(二)---执行过程及结构间的关系
- 世界之窗浏览器 v 3.6.1.0 [官方最新版]
- QT的信号与槽机制介绍
- 汉化pycharm,中文
- C# WinForm ListView控件用法详解
- 迎亚运 广州推出全国首个地铁导向地图
- 罗技无法使用计算机上的配置文件,Win10专业版罗技无线鼠标无法使用咋办?
- 根据出库、入库表,实现对库存的信息查询
- 实践四 -- 文本词频分析
- 【Python】与或非的符号表示
- SCAU程序设计在线实训平台_实验_高级语言程序设计_教材习题_第七章
- 如何导出计算机硬盘重数据,硬盘对拷教程,100%保存原硬盘数据
热门文章
- 阿里云物联网平台远程配置功能JAVA 示例参考
- MongoDB Sharding 请勿复用已删除的 namespace
- Spring Cloud Alibaba迁移指南(三):极简的 Config
- Python数据挖掘与机器学习,快速掌握聚类算法和关联分析
- 不记得 Git 命令? 懒人版 Git 值得拥有!
- 专访合一智芯杨桦:做AI芯片核心技术的底层设计师
- 仅用 2 年过渡到自研 ARM 芯片,苹果的底气从何而来?
- “我哥毕业1年,做Python挣了50W!”网友:吹得太少...
- IoT与大数据 如何激发数字营销最大潜能?
- ajax返回list前台遍历_List、set集合接口分析