快捷搜索:

效果预览 GIF

参考 ImageCoverFlow-master 修改的,使用 ImageView 来实现,可加载本地图片和网络图片等,使用方法与 LIST 一样,设置相应的控件、修改 imageCoverFlow 布局的参数即可。

图片 1ImgCoverFlow 效果图图片 2ImgCoverFlow 效果预览 GIF

1. 在 Project 下的 build.gradle 添加
allprojects { repositories { ... maven { url 'https://jitpack.io' } }}
2. 在 Module 下的 build.gradle 添加
dependencies { compile 'com.github.lishide:ImgCoverFlow:v1.0.1'}
  • 在 xml 中引用 CoverFlowView
<com.img.coverflow.widget.CoverFlowView android: android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:paddingLeft="10dp" android:paddingRight="10dp" imageCoverFlow:coverflowGravity="center_vertical" imageCoverFlow:coverflowLayoutMode="wrap_content" imageCoverFlow:reflectionGap="10dp" imageCoverFlow:reflectionHeight="30%" imageCoverFlow:visibleImage="3"/>

属性说明CoverFlow 的 Gravity:imageCoverFlow:coverflowGravity="center_vertical"CoverFlow 的模式:imageCoverFlow:coverflowLayoutMode="wrap_content"倒影间隙:imageCoverFlow:reflectionGap="10dp"倒影高度:imageCoverFlow:reflectionHeight="30%"设置可见个数:imageCoverFlow:visibleImage="3"...

  • 初始化 CoverFlowView,设置适配器、数据、监听器等
coverFlowView = (CoverFlowView) findViewById(R.id.coverflow);coverFlowView.setAdapter(coverFlowAdapter);//给coverFlowView的TOPView添加点击事件监听coverFlowView.setOnTopViewClickListener(mOnTopViewClickListener);
  • 创建 Adapter,实现(implements)ICoverFlowAdapter,和正常的 Adapter 一样使用

getData 方法中设置 item 的数据即可。

  • 更多

    • 向前一页
    coverFlowView.gotoPrevious();
    
    • 向后一页
    coverFlowView.gotoForward();
    
    • 获取最上面 Item 的 position
    int position = coverFlowView.getTopViewPosition();
    
    • 获取最上面 Item 的 View
    CoverFlowAdapter.Holder holder = (CoverFlowAdapter.Holder) coverFlowView.getTopView().getTag();
    

......

就到这里,更多的细节,请参考 demo 和源码,传送门 。

本文由澳门新葡萄京8455官网发布于澳门新葡萄京8455官网,转载请注明出处:效果预览 GIF

您可能还会对下面的文章感兴趣: