feat: grain visualize

Author: GitHubZJY

README.md

@@ -7,7 +7,7 @@
 1. 支持自定义可视化颜色 <br/>
 2. 支持本地路径、url、raw的音频路径读取，或自定义外部MediaPlayer传入音频数据渲染 <br/>
 3. 支持自定义频谱展示数目 <br/>
-4. 支持多种可视化展示形式，包括圆形、水平、波浪、网状等 <br/>
+4. 支持多种可视化展示形式，包括圆形、水平、波浪、网状、粒子等 <br/>
 5. 支持AndroidX <br/>
 
 ## 效果预览
@@ -16,6 +16,7 @@
 ![](https://github.com/GitHubZJY/AudioVisualizeView/blob/master/image/CircleVisualize.gif)
 ![](https://github.com/GitHubZJY/AudioVisualizeView/blob/master/image/WaveVisualize.gif)
 ![](https://github.com/GitHubZJY/AudioVisualizeView/blob/master/image/NetVisualize.gif)
+![](https://github.com/GitHubZJY/AudioVisualizeView/blob/master/image/GrainVisualize.gif)
 
 ## 如何使用
 在项目根目录的build.gradle添加：

app/src/main/AndroidManifest.xml

@@ -22,6 +22,7 @@
         <activity android:name=".SingleVisualizeActivity"/>
         <activity android:name=".WaveVisualizeActivity"/>
         <activity android:name=".NetVisualizeActivity"/>
+        <activity android:name=".GrainVisualizeActivity"/>
     </application>
 
 </manifest>

app/src/main/java/com/zjy/audiovisualizeview/GrainVisualizeActivity.java

@@ -0,0 +1,30 @@
+package com.zjy.audiovisualizeview;
+
+import android.os.Bundle;
+
+import androidx.appcompat.app.AppCompatActivity;
+
+import com.zjy.audiovisualize.view.AudioVisualizeView;
+
+public class GrainVisualizeActivity extends AppCompatActivity {
+
+    private AudioVisualizeView vAudioVisualize;
+
+    @Override
+    protected void onCreate(Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+        setContentView(R.layout.activity_grain_visualize);
+
+        vAudioVisualize = findViewById(R.id.audio_visualize_view);
+        vAudioVisualize.doPlay(R.raw.sound);
+    }
+
+
+    @Override
+    protected void onDestroy() {
+        super.onDestroy();
+        if (vAudioVisualize != null) {
+           vAudioVisualize.release();
+        }
+    }
+}

app/src/main/java/com/zjy/audiovisualizeview/MainActivity.java

@@ -15,7 +15,7 @@
 
 public class MainActivity extends AppCompatActivity implements View.OnClickListener {
 
-    private TextView vReflect, vCircle, vSingle, vWave, vNet;
+    private TextView vReflect, vCircle, vSingle, vWave, vNet, vGrain;
     private static final int RECORD_AUDIO = 10001;
     private static final int READ_EXTERNAL_STORAGE = 10002;
 
@@ -29,11 +29,13 @@ protected void onCreate(Bundle savedInstanceState) {
         vSingle = findViewById(R.id.single_entrance);
         vWave = findViewById(R.id.wave_entrance);
         vNet = findViewById(R.id.net_entrance);
+        vGrain = findViewById(R.id.grain_entrance);
         vSingle.setOnClickListener(this);
         vReflect.setOnClickListener(this);
         vCircle.setOnClickListener(this);
         vWave.setOnClickListener(this);
         vNet.setOnClickListener(this);
+        vGrain.setOnClickListener(this);
 
         PermissionUtils.requestPermission(MainActivity.this, Manifest.permission.RECORD_AUDIO, RECORD_AUDIO);
         PermissionUtils.requestPermission(MainActivity.this, Manifest.permission.READ_EXTERNAL_STORAGE, READ_EXTERNAL_STORAGE);
@@ -58,6 +60,9 @@ public void onClick(View view) {
             case R.id.net_entrance:
                 intent = new Intent(MainActivity.this, NetVisualizeActivity.class);
                 break;
+            case R.id.grain_entrance:
+                intent = new Intent(MainActivity.this, GrainVisualizeActivity.class);
+                break;
         }
         startActivity(intent);
     }

app/src/main/res/layout/activity_grain_visualize.xml

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:orientation="vertical"
+    android:background="#000000"
+    tools:context=".MainActivity">
+
+    <com.zjy.audiovisualize.view.GrainVisualizeView
+        android:id="@+id/audio_visualize_view"
+        android:text="Hello World!"
+        app:visualize_ratio="4"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        app:visualize_orientation="horizontal_line_top"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+</LinearLayout>

app/src/main/res/layout/activity_main.xml

@@ -61,4 +61,14 @@
         android:text="NetVisualizeView"
         android:textColor="#FFFFFF" />
 
+    <TextView
+        android:id="@+id/grain_entrance"
+        android:layout_width="match_parent"
+        android:layout_height="60dp"
+        android:layout_marginTop="16dp"
+        android:background="@drawable/bg_entrance"
+        android:gravity="center"
+        android:text="GrainVisualizeView"
+        android:textColor="#FFFFFF" />
+
 </LinearLayout>

audiovisualize/src/main/java/com/zjy/audiovisualize/view/GrainVisualizeView.java

@@ -0,0 +1,69 @@
+package com.zjy.audiovisualize.view;
+
+import android.content.Context;
+import android.content.res.TypedArray;
+import android.graphics.Canvas;
+import android.graphics.Paint;
+import android.util.AttributeSet;
+
+import androidx.annotation.Nullable;
+
+import com.zjy.audiovisualize.R;
+
+import static com.zjy.audiovisualize.constants.VisualizeMode.HORIZONTAL_LINE_BOTTOM;
+import static com.zjy.audiovisualize.constants.VisualizeMode.HORIZONTAL_LINE_TOP;
+
+/**
+ * Date: 2020/11/30
+ * Author: Yang
+ * Describe: In GRAIN mode, show spectrum base on a horizontal line, with grain above of the center line.
+ */
+public class GrainVisualizeView extends AudioVisualizeView{
+
+    private int mOrientation;
+
+
+    public GrainVisualizeView(Context context) {
+        super(context);
+    }
+
+    public GrainVisualizeView(Context context, @Nullable AttributeSet attrs) {
+        super(context, attrs);
+    }
+
+    public GrainVisualizeView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+    }
+
+    @Override
+    protected void handleAttr(TypedArray typedArray) {
+        mOrientation = typedArray.getInteger(R.styleable.AudioVisualizeView_visualize_orientation, HORIZONTAL_LINE_TOP);
+    }
+
+    @Override
+    protected void drawChild(Canvas canvas) {
+        mStrokeWidth = (mRect.width() - (mSpectrumCount - 1) * mItemMargin) / mSpectrumCount * 1.0f;
+        mPaint.setStrokeWidth(mStrokeWidth);
+        mPaint.setStyle(Paint.Style.FILL);
+        for (int i = 0; i < mSpectrumCount; i++) {
+            if (mRawAudioBytes[i] < 0) {
+                mRawAudioBytes[i] = 127;
+            }
+            switch (mOrientation) {
+                case HORIZONTAL_LINE_TOP:
+                    drawGrain(canvas, mRect.width() * i / mSpectrumCount, mRect.height() / 2, 2 + mRect.height() / 2 - mRawAudioBytes[i]);
+                    break;
+                case HORIZONTAL_LINE_BOTTOM:
+                    drawGrain(canvas, mRect.width() * i / mSpectrumCount, mRect.height() / 2, 2 + mRect.height() / 2 + mRawAudioBytes[i]);
+                    break;
+                default:
+                    break;
+            }
+        }
+    }
+
+    private void drawGrain(final Canvas canvas, final float x, float startY, float endY) {
+        canvas.drawPoint(x, endY, mPaint);
+        canvas.drawPoint(x, mRect.height() / 4 + endY/2, mPaint);
+    }
+}