# shimmer-ohos

**Repository Path**: pizice/shimmer-ohos

## Basic Information

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

## Statistics

- **Stars**: 0
- **Forks**: 19
- **Created**: 2025-02-13
- **Last Updated**: 2025-02-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# shimmer

## 简介
> shimmer是一个简单灵活的为应用视图添加闪烁效果的库，主要有由左到右倾斜，由左到右竖直，由左到右圆形，由上到下水平等闪光效果

<img src="screenshot/效果展示.gif"/>

## 下载安装
```shell
ohpm install @ohos/shimmer
```
OpenHarmony ohpm环境配置等更多内容，请参考 [如何安装OpenHarmony ohpm包](https://gitee.com/openharmony-tpc/docs/blob/master/OpenHarmony_har_usage.md) 。

## 使用说明

### shimmer引用及使用
```
import { Shapes, Directions, Shimmer, ShimmerElement } from '@ohos/shimmer'

  var mShimmer: Shimmer = new Shimmer()
  //自定义内容
  @Builder content() {
    ...
  }
  //页面展示shimmer效果
  build() {
    Flex({ direction: FlexDirection.Column, justifyContent: FlexAlign.Center }) {
      ShimmerElement({ mShimmer: this.mShimmer, content: this.content })
    }
    .width('100%')
    .height('100%')
    .backgroundImage('/components/background.jpg', ImageRepeat.XY)
    .backgroundImageSize({ width: 1080, height: 2560 })
    .opacity(0.8)
  }

```

## 接口说明
1. 设置效果方向
   `setDirection(direction: number): Shimmer`
2. 设置效果形状
   `setShape(shape: number): Shimmer`
3. 设置闪烁的倾斜角度
   `setTilt(tilt: number): Shimmer`
4. 设置重复模式
   `setRepeatMode(mode: PlayMode): Shimmer`
5. 设置闪烁渐变的速度
   `setDropoff(dropoff: number): Shimmer`
6. 设置闪烁时长
   `setDuration(millis: number): Shimmer`
7. 设置基本alpha值
   `setBaseAlpha(alpha: number): Shimmer`

## 约束与限制
在下述版本验证通过：

- DevEco Studio NEXT Developer Beta3: (5.0.3.530), SDK: API12 (5.0.0.35(SP3))

## 目录结构
````
|---- shimmer-ohos  
|     |---- entry  # 示例代码文件夹
|     |---- shimmer  # shimmer库文件夹
|     |     |   └─src
|     |     |   │---└─main  
|     |     |   |----   └─ets
|     |     |   │----      └──components  #默认存在的目录
|     |     |   │----             └──MainPage #默认存在的目录
|     |     |                        │----Shimmer.ets #设置shimmer属性类
|     |     |                        │----ShimmerElement.ets #自定义shimmer样式
|     |     |---- index.ets  # 对外接口
|     |---- README.md  # 安装使用方法                    
````

## 贡献代码
使用过程中发现任何问题都可以提 [Issue](https://gitee.com/openharmony-sig/shimmer-ohos/issues) ，当然，也非常欢迎发 [PR](https://gitee.com/openharmony-sig/shimmer-ohos/pulls) 共建。

## 开源协议
本项目基于 [Apache License 2.0](https://gitee.com/openharmony-sig/shimmer-ohos/blob/master/LICENSE) ，请自由地享受和参与开源。