# CircleRefreshLayout

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

## Basic Information

- **Project Name**: CircleRefreshLayout
- **Description**: 这是一个自定义下拉刷新控件，包含有趣的动画
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 6
- **Forks**: 2
- **Created**: 2021-02-23
- **Last Updated**: 2025-08-31

## Categories & Tags

**Categories**: harmonyos-layout

**Tags**: None

## README

# CircleRefreshLayout
这是一个自定义下拉刷新控件，包含有趣的动画

## 概述
 * 支持下拉刷新动画效果
 * 支持下拉刷新回调状态返回

## 演示
<img src="screenshot/screenshot.gif" width="75%"/>

## 集成

```
方式一：
通过library生成har包，添加har包到libs文件夹内
在entry的gradle内添加如下代码
implementation fileTree(dir: 'libs', include: ['*.jar', '*.har'])

方式二：
allprojects{
    repositories{
        mavenCentral()
    }
}
implementation 'io.openharmony.tpc.thirdlib:CircleRefreshLayout-library:1.0.1'
```

### 示例

```xml
    <com.tuesda.walker.circlerefresh.CircleRefreshLayout
        ohos:id="$+id:refreshLayout"
        ohos:height="500vp"
        ohos:width="match_parent"
        ohos:alignment="center"
        app:AniBackColor="#ff8b90af"
        app:AniForeColor="#ffffffff"
        app:CircleSmaller="60">

        <DependentLayout
            ohos:height="match_parent"
            ohos:width="match_parent"
            ohos:orientation="vertical">

            <ListContainer
                ohos:id="$+id:list"
                ohos:height="match_parent"
                ohos:width="match_parent"
                ohos:background_element="$graphic:background_ability_main"
                ohos:visibility="visible"/>
        </DependentLayout>
    </com.tuesda.walker.circlerefresh.CircleRefreshLayout>
```

     Call back when refresh starts and complete:
```java
     mRefreshLayout = (CircleRefreshLayout) findComponentById(ResourceTable.Id_refreshLayout);
            mListView = (ListContainer) findComponentById(ResourceTable.Id_list);
            mRefreshLayout.setOnRefreshListener(new CircleRefreshLayout.OnCircleRefreshListener() {
                @Override
                public void completeRefresh() {
                }

                @Override
                public void refreshing() {
                }
            });
```
      when refreshing is done(for example, the image loading completes), you can invoke:

```java
             Button btnStop= (Button) findComponentById(ResourceTable.Id_btn_stop);
             btnStop.setClickedListener(new Component.ClickedListener() {
                 @Override
                 public void onClick(Component component) {
                     mRefreshLayout.finishRefreshing();
                 }
             });
```

###License###
MIT