# ImageCoverFlow

**Repository Path**: HarmonyOS-tpc/ImageCoverFlow

## Basic Information

- **Project Name**: ImageCoverFlow
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 1
- **Created**: 2021-04-01
- **Last Updated**: 2025-02-14

## Categories & Tags

**Categories**: harmonyos-image

**Tags**: None

## README

# ImageCoverFlow

图片显示Cover Flow效果

#引用

方式一：
通过library生成har包，添加har包到libs文件夹内
在entry的gradle内添加如下代码

      implementation fileTree(dir: 'libs', include: ['*.jar', '*.har'])

方式二：

       allprojects{
               repositories{
                   mavenCentral()
               }
       }

       implementation 'io.openharmony.tpc.thirdlib:image-cover-flow:1.0.2' 
       

#使用

第一步
XML

       <com.dolphinwang.imagecoverflow.CoverFlowView
              ohos:width="match_parent"
              ohos:height="400vp"
              ohos:orientation="vertical"
              ohos:id="$+id:coverflow"
              ohos:left_padding="20vp"
              ohos:right_padding="20vp"
       />

JAVA

        mCoverFlowView.setCoverFlowGravity(CoverFlowGravity.CENTER_VERTICAL);
        mCoverFlowView.setCoverFlowLayoutMode(CoverFlowLayoutMode.WRAP_CONTENT);
        mCoverFlowView.setReflectionHeight(30);
        mCoverFlowView.setReflectionGap(20);
        mCoverFlowView.setVisibleImage(5);


第二步，引入扩展adapter

        final MyCoverFlowAdapter adapter = new MyCoverFlowAdapter(this);
        mCoverFlowView.setAdapter(adapter);


CoverFlowView的监听事件

        mCoverFlowView.setStateListener(new CoverFlowView.StateListener() {
        @Override
        public void imageOnTop(CoverFlowView v, int p, float f, float t, float r, float b) {
        LogUtil.error(LogUtil.DEFAULT_TAG, p + " on top!");
        }

        @Override
        public void invalidationCompleted(CoverFlowView view) {}
        });


CoverFlowView的点击事件及其长按事件

        mCoverFlowView.setImageLongClickListener(
        (view, position) -> LogUtil.error(LogUtil.DEFAULT_TAG, "image long clicked ==>" + position));

        mCoverFlowView.setImageClickListener(
        (coverFlowView, position) -> {
        LogUtil.error(LogUtil.DEFAULT_TAG, position + " clicked!");
        coverFlowView.setSelection(position);
        });

## 图片示例
<img src="https://gitee.com/openharmony-tpc/ImageCoverFlow/raw/master/screeenshot/image.gif"/>


## entry运行要求
通过DevEco studio,并下载DK
将项目中的build.gradle文件中dependencies→classpath版本改为对应的版本（即你的IDE新建项目中所用的版本）