# ffsky-app-wave

**Repository Path**: hljdrl/ffsky-app-wave

## Basic Information

- **Project Name**: ffsky-app-wave
- **Description**: android wave圆形水波纹扩展组件，适用录音效果
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-11-28
- **Last Updated**: 2024-12-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ffsky-app-wave

#### 介绍
app-wave 环境组件
1. 圆形波形扩展View组件，支持填充、线效果。【需要上级布局开启  android:clipChildren="false" 】

View类

| 类名                                        | 备注                     |
|-------------------------------------------|------------------------|
| WaveView extends View                     | extends View           |
| WaveImageView extends ImageView           | extends ImageView      |
| WaveRelativeLayout extends RelativeLayout | extends RelativeLayout |
| WaveFrameLayout extends FrameLayout       | extends FrameLayout    |
| -                                         | -                      |
| interface WaveEvent                       | -                      |
| WaveDrawEvent implements WaveEvent        | implements WaveEvent   |
| -                                         | -                      |


<img src="art/art_001.png" width="200" />
<img src="art/art_002.png" width="200" />

<video src="art/art_video.mp4" width="200" height="300" autoplay="true" controls="controls"></video>

#### 使用说明

1.  引入库

```gradle
api "com.gitee.hljdrl:wave:1.0.1"

//优化WaveDrawEvent mWaveMultiple 在不同分辨率递增适配,使用dp转px适配。
api "com.gitee.hljdrl:wave:1.0.2"
```

2.  使用WaveView组件，需要在WaveView上级布局设置 android:clipChildren="false"

```xml

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:clipChildren="false">

    <com.gitee.hljdrl.wave.WaveView
        android:id="@+id/wave_view_voice"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_centerInParent="true"
        android:layout_marginTop="100dp"
        android:layout_marginBottom="100dp"
        android:visibility="gone"
        app:wave_color="#673AB7"
        app:wave_fill_style="false"
        app:wave_line_stroke_width="2dp"
        app:wave_multiple="4"
        app:wave_space="20dp"
        app:wave_width="100dp" />

    <TextView
        android:id="@+id/btn_voice"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_centerInParent="true"
        android:layout_marginTop="100dp"
        android:layout_marginBottom="100dp"
        android:background="@drawable/mock_btn_shape"
        android:backgroundTint="#673AB7"
        android:gravity="center"
        android:letterSpacing="0.3"
        android:text="开始"
        android:textColor="@android:color/white"
        android:textSize="20sp"
        android:textStyle="bold" />

</RelativeLayout>


```

```Java
package com.ffsky.template.demo.app;

import android.view.View;

import com.ffsky.template.demo.databinding.ActivityWaveBinding;
import com.gitee.hljdrl.ffkit.app.FFKitActivity;

public class WaveActivity extends FFKitActivity {

    ActivityWaveBinding binding;
    @Override
    public View getBindingView() {
        binding = ActivityWaveBinding.inflate(getLayoutInflater());
        return binding.getRoot();
    }

    @Override
    public void initView() {
        binding.btnVoice.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if(binding.waveViewVoice.isRunning()){
                    binding.waveViewVoice.setVisibility(View.GONE);
                    binding.btnVoice.setText("开始");
                }else{
                    binding.waveViewVoice.setVisibility(View.VISIBLE);
                    binding.btnVoice.setText("停止");
                }
            }
        });

        binding.btnLine.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if(binding.waveViewLine.isRunning()){
                    binding.waveViewLine.setVisibility(View.GONE);
                }else{
                    binding.waveViewLine.setVisibility(View.VISIBLE);
                }
            }
        });
    }

    @Override
    public void initData() {

    }

    @Override
    public void initListener() {

    }
}


```