# StikkyHeader

**Repository Path**: chinasoft5_ohos/StikkyHeader

## Basic Information

- **Project Name**: StikkyHeader
- **Description**: 能够简单实现header和ListContainer或ScrollView进行滑动关联
- **Primary Language**: Java
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: https://gitee.com/chinasoft5_ohos/StikkyHeader
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-07-26
- **Last Updated**: 2021-09-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# StikkyHeader

#### 项目介绍
- 项目名称：StikkyHeader
- 所属系列：openharmony的第三方组件适配移植
- 功能：能够简单实现header和ListContainer或ScrollView进行滑动关联
- 项目移植状态：主功能完成
- 调用差异：无
- 开发版本：sdk6，DevEco Studio2.2 Beta1
- 基线版本：release 0.0.3
#### 效果演示
![效果演示](./screen/StikkyHeader1.gif "Simple Stikky Header")
![效果演示](./screen/StikkyHeader2.gif "Parallax Simple Stikky Header")
![效果演示](./screen/StikkyHeader3.gif "ActionBarImage Header Animator")
#### 安装教程

1.在项目根目录下的build.gradle文件中，
 ```
allprojects {
    repositories {
        maven {
            url 'https://s01.oss.sonatype.org/content/repositories/releases/'
        }
    }
}
 ```
2.在entry模块的build.gradle文件中，
 ```
 dependencies {
    implementation('com.gitee.chinasoft_ohos:StikkyHeader:1.0.0')
    ......  
 }
 ```

在sdk6，DevEco Studio2.2 Beta1下项目可直接运行
如无法运行，删除项目.gradle,.idea,build,gradle,build.gradle文件，
并依据自己的版本创建新项目，将新项目的对应文件复制到根目录下

#### 使用说明

Example
```java
      BaseStickyHeaderAnimator animator = new HeaderStikkyAnimator() {

            @Override
            public AnimatorBuilder getAnimatorBuilder() {
                Component viewToAnimate = getHeader().findComponentById(ResourceTable.Id_header_image);
                final Component titleToolbar = getComponent().findComponentById(ResourceTable.Id_title_toolbar);
                final Rect squareSizeToolbar = new Rect(0, 0, title.getHeight(), title.getHeight());

                return AnimatorBuilder.create()
                        .applyScale(viewToAnimate, squareSizeToolbar)
                        .applyTranslation(viewToAnimate, new Point(titleToolbar.getRight(), 0))
                        .applyFade(viewToAnimate, 1f);
            }
        };
        //然后将动画设置
        StikkyHeaderBuilder.stickTo(listView).setHeader(header)
                .minHeightHeader(250)
                .animator(animator)
                .build();
```

#### 测试信息

CodeCheck代码测试无异常

CloudTest代码测试无异常

病毒安全检测通过

当前版本demo功能与原组件基本无差异

#### 版本迭代
- 1.0.0
- 0.0.1-SNAPSHOT

#### 版权和许可信息
- Apache-2.0 License