FancyCoverFlow——一个页面显示多张图片，中间大，两边小

最新推荐文章于 2024-05-15 09:39:49 发布

qq_38250682

最新推荐文章于 2024-05-15 09:39:49 发布

阅读量1.9k

点赞数

分类专栏： Android 文章标签：控件中间大两边小影视图片

Android 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一种名为FancyCoverFlow的图片展示控件，该控件继承自Gallery，支持图片间的间隔设置，并能在一个页面上同时显示三张图片，中间的图片较大而两侧较小。文中提供了两种实现方案的源码链接，以及如何在项目中使用该控件的具体步骤，包括XML布局配置、适配器编写和事件监听。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这个控件继承Gallery，图片之间有间隔，夜歌页面显示三张图，中间大，两边小

效果图：
这里写图片描述

（一、）上面的效果

源码参考：https://github.com/davidschreiber/FancyCoverFlow

将其中的library复制到自己的项目中

（二、）下面的效果

参考源码：https://github.com/LittleLiByte/GlFancyCoverFlow

代码几乎与上面的一样，只是FancyCoverFlow不一样

1、在xml中引用：

<com.ysn.test.customerviews.fancycoverflow.FancyCoverFlow
     android:id="@+id/fancyConverFlow"
     android:layout_width="match_parent"
     android:layout_height="200dp"/>
<!--指定高度之后，代码中的setScaleDownGravity（0.5）才有效果-->

2、适配器必须继承FancyCoverFlowAdapter
如果在xml中没有给高度指定具体数值，则在getView中必须为item根布局设置LayoutParams，例如

WindowManager mn = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
int screenWidth=mn.getDefaultDisplay().getWidth();
llyFancy.setLayoutParams(new FancyCoverFlow.LayoutParams(screenWidth*1/2+30, 
              ViewGroup.LayoutParams.WRAP_CONTENT));

3、代码中的设置适配器和点击事件，同listview

其他参考：旋转木马效果https://github.com/dalong982242260/CarrouselView