Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/scwang90/multiwaveheader

Wave,水波,Android 炫酷的多重水波纹 MultiWaveHeader
https://github.com/scwang90/multiwaveheader

android framework header wave

Last synced: about 1 month ago
JSON representation

Wave,水波,Android 炫酷的多重水波纹 MultiWaveHeader

Host: GitHub
URL: https://github.com/scwang90/multiwaveheader
Owner: scwang90
Created: 2018-01-03T09:58:40.000Z (almost 7 years ago)
Default Branch: release
Last Pushed: 2020-07-10T10:53:56.000Z (over 4 years ago)
Last Synced: 2024-10-14T11:23:54.299Z (about 1 month ago)
Topics: android, framework, header, wave
Language: Java
Homepage:
Size: 16.1 MB
Stars: 1,768
Watchers: 35
Forks: 231
Open Issues: 7
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # 多重水波纹 - MultiWaveHeader

[![License](https://img.shields.io/badge/License%20-Apache%202-337ab7.svg)](https://www.apache.org/licenses/LICENSE-2.0)

[![JCenter](https://img.shields.io/badge/%20Jcenter%20-1.0.0-5bc0de.svg)](https://bintray.com/scwang90/maven/MultiWaveHeader/_latestVersion)

[![MinSdk](https://img.shields.io/badge/%20MinSdk%20-%209%2B%20-f0ad4e.svg)](https://android-arsenal.com/api?level=9)

[![Platform](https://img.shields.io/badge/Platform-Android-f0ad4e.svg)](https://www.android.com)

[![Author](https://img.shields.io/badge/Author-scwang90-11bbff.svg)](https://github.com/scwang90)

## [English](https://github.com/scwang90/MultiWaveHeader/blob/master/README.md) | 中文

MultiWaveHeader 是一个可以高度定制每个波形的Android水波控件。

## 功能特点

 - 支持调节进度.

 - 支持调节速度.

 - 支持设置方向（上下）.

 - 支持设置水波的数量（无上限）.

 - 支持精确定义水波的参数（偏移、拉伸、原始速度）.

 - 支持设置颜色渐变和改变渐变方向.

## 演示

[Download APK-Demo](https://github.com/scwang90/MultiWaveHeader/blob/master/art/app-debug.apk?raw=true)

![](https://github.com/scwang90/MultiWaveHeader/blob/master/art/png_apk_rqcode.png)

## 每天领红包

最近开通了支付宝商家，生成了个红包二维码，经常用支付宝的童鞋可有扫码领优惠红包，扫码只会拿红包，不会有任何损失，每天都可以扫码哦！

![支付宝红包](https://github.com/scwang90/MultiWaveHeader/blob/master/art/pay_alipay_red_packet.png)

### 实战

![](https://github.com/scwang90/MultiWaveHeader/blob/master/art/gif_index_preview.gif)

## 控制台

### 方向

|顶部|底部|

|:---:|:---:|

![](https://github.com/scwang90/MultiWaveHeader/blob/master/art/gif_console_1.gif)|![](https://github.com/scwang90/MultiWaveHeader/blob/master/art/gif_console_2.gif)|

|一对|单一|

|:---:|:---:|

![](https://github.com/scwang90/MultiWaveHeader/blob/master/art/gif_console_3.gif)|![](https://github.com/scwang90/MultiWaveHeader/blob/master/art/gif_console_4.gif)|

## 简单用例

#### 1.在 build.gradle 中添加依赖

```

    implementation 'com.scwang.wave:MultiWaveHeader:1.0.0'

    //androidx

    implementation 'com.scwang.wave:MultiWaveHeader:1.0.0-andx'

```

#### 2.在XML布局文件中添加 MultiWaveHeader

```xml

    

```

## 属性

#### 可以配置一些基本的属性.

###### java

```java

    MultiWaveHeader waveHeader = findViewById(R.id.waveHeader);

    waveHeader.setStartColor(R.color.colorPrimary);

    waveHeader.setCloseColor(R.color.colorPrimaryDark);

    waveHeader.setColorAlpha(.5f);

    waveHeader.setWaveHeight(50);

    waveHeader.setGradientAngle(360);

    waveHeader.setProgress(.8f);

    waveHeader.setVelocity(1f);

    waveHeader.setScaleY(-1f);

    waveHeader.setWaves("PairWave");

    waveHeader.start();

    waveHeader.stop();

    waveHeader.isRunning();

```

###### xml

```xml

    

```

## 自定义

#### 可以高度定制每一条水波.

###### java

```java

    MultiWaveHeader waveHeader = findViewById(R.id.waveHeader);

    String[] waves = new String[]{

        "70,25,1.4,1.4,-26",//wave-1:offsetX(dp),offsetY(dp),scaleX,scaleY,velocity(dp/s)

        "100,5,1.4,1.2,15",

        "420,0,1.15,1,-10",//wave-3:水平偏移(dp),竖直偏移(dp),水平拉伸,竖直拉伸,速度(dp/s)

        "520,10,1.7,1.5,20",

        "220,0,1,1,-15",

    };

    waveHeader.setWaves(TextUtils.join(" ", Arrays.asList(waves)));// custom

    waveHeader.setWaves("PairWave");// default two waves

    waveHeader.setWaves("MultiWave");// default five waves

```

###### xml

```xml

    

```

## 其他作品

[SmartRefreshLayout](https://github.com/scwang90/SmartRefreshLayout)  

[SmartRefreshHorizontal](https://github.com/scwang90/SmartRefreshHorizontal)

License

-------

    Copyright 2017 scwang90

    Licensed under the Apache License, Version 2.0 (the "License");

    you may not use this file except in compliance with the License.

    You may obtain a copy of the License at

       http://www.apache.org/licenses/LICENSE-2.0

    Unless required by applicable law or agreed to in writing, software

    distributed under the License is distributed on an "AS IS" BASIS,

    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

    See the License for the specific language governing permissions and

    limitations under the License.