WaveView
1018 |First View
1019 |
Add to your project
1021 |Step 1. Add the JitPack repository to your build file
1022 |Add it in your root build.gradle at the end of repositories:
1023 |allprojects {
1024 | repositories {
1025 | ...
1026 | maven { url 'https://jitpack.io' }
1027 | }
1028 | }
1029 | Step 2. Add the dependency
1032 |dependencies {
1033 | compile 'com.github.onlynight:WaveView:1.0.0'
1034 | }
1035 | How to use
1038 |in your xml file:
1039 |<com.github.onlynight.waveview.WaveView
1040 | android:id="@+id/waveView1"
1041 | android:layout_width="0dp"
1042 | android:layout_height="match_parent"
1043 | android:layout_weight="1"
1044 | app:isCircle="false"
1045 | app:period="4"
1046 | app:waveHeightPercent="0.5"
1047 | app:waveRange="15dp"
1048 | app:waveSpeed="10"
1049 | app:waveStrokeWidth="3dp"/>
1050 | in your java code file:
1053 |mWaveView1 = (WaveView) findViewById(R.id.waveView1);
1054 | mWaveView1.start();
1055 | property explain
1058 |
1059 | <declare-styleable name="WaveView">
1060 |
1061 | <!-- define wave speed, example value 10 -->
1062 | <attr name="waveSpeed" format="float"/>
1063 |
1064 | <!-- define wave range, example value 15dp -->
1065 | <attr name="waveRange" format="dimension|reference"/>
1066 |
1067 | <!-- define wave 1 color -->
1068 | <attr name="wave1Color" format="color|reference"/>
1069 |
1070 | <!-- define wave 2 color -->
1071 | <attr name="wave2Color" format="color|reference"/>
1072 |
1073 | <!-- define wave height percent, the value is between 0 to 1 -->
1074 | <attr name="waveHeightPercent" format="float"/>
1075 |
1076 | <!-- define paint stroke width, if you want optimizing view,
1077 | you should change the stroke width more-->
1078 | <attr name="waveStrokeWidth" format="dimension|reference"/>
1079 |
1080 | <!-- if the view is circle -->
1081 | <attr name="isCircle" format="boolean"/>
1082 |
1083 | <!-- the sine wave period, value range 0 to all -->
1084 | <attr name="period" format="float"/>
1085 |
1086 | </declare-styleable>
1087 |
1088 |