水面波浪形View--第三方開源--WaveView（電量、能量、容量指示），view----waveview

水面波浪形View--第三方開源--WaveView（電量、能量、容量指示），view----waveview

這種WaveView在一些常見的APP開發中，以水面波浪波形的形象的生動展示手機還剩余多少電量，存儲容量還有多少，比較形象直觀生動。

WaveView在github上的項目主頁是：https://github.com/john990/WaveView 

代碼：

activity_main.xml:

 1 <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
 2     xmlns:wave="http://schemas.android.com/apk/res-auto"
 3     android:layout_width="match_parent"
 4     android:layout_height="match_parent" >
 5 
 6     <!-- wave:above_wave_color-->
 7     <!-- wave:blow_wave_color 定義波形的顏色 ，頂部波形平面的下方 -->
 8     <!-- wave_height 定義波浪的高度 -->
 9     <!-- wave_hz 定義波浪起伏的頻率赫茲。 -->
10     <!-- wave_length 定義波浪的長度 -->
11     <!-- wave:progress 為整型值，以0-100,100表示最高位波浪，0表示最低波浪 -->
12 
13     <com.john.waveview.WaveView
14         android:id="@+id/wave_view"
15         android:layout_width="match_parent"
16         android:layout_height="match_parent"
17         android:background="#1565C0"
18         wave:blow_wave_color="#1A237E"
19         wave:progress="60"
20         wave:wave_height="large"
21         wave:wave_hz="normal"
22         wave:wave_length="middle" />
23 
24     <SeekBar
25         android:id="@+id/seek_bar"
26         android:layout_width="match_parent"
27         android:layout_height="wrap_content"
28         android:layout_gravity="bottom|center_horizontal"
29         android:layout_marginBottom="20dp"
30         android:progress="60" />
31 
32 </FrameLayout>

MainActivity:

 1 package com.zzw.testwaveview;
 2 
 3 import android.app.Activity;
 4 import android.os.Bundle;
 5 import android.widget.SeekBar;
 6 
 7 import com.john.waveview.WaveView;
 8 
 9 public class MainActivity extends Activity {
10 
11     private SeekBar seekBar;
12     private WaveView waveView;
13 
14     public void onCreate(Bundle savedInstanceState) {
15         super.onCreate(savedInstanceState);
16         setContentView(R.layout.activity_main);
17 
18         seekBar = (SeekBar) findViewById(R.id.seek_bar);
19         waveView = (WaveView) findViewById(R.id.wave_view);
20 
21         seekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
22             @Override
23             public void onProgressChanged(SeekBar seekBar, int progress,
24                     boolean fromUser) {
25                 waveView.setProgress(progress);
26             }
27 
28             @Override
29             public void onStartTrackingTouch(SeekBar seekBar) {
30 
31             }
32 
33             @Override
34             public void onStopTrackingTouch(SeekBar seekBar) {
35 
36             }
37         });
38     }
39 }