Android第三方开源水面波浪波形view:WaveView(电量、能量、容量指示)



Android第三方开源水面波浪波形view:WaveView(电量、能量、容量指示)

Github上有一个比较有趣的Android第三方开源波形view:WaveView,这种WaveView在一些常见的APP开发中,以水面波浪波形的形象的生动展示手机还剩余多少电量,存储容量还有多少,比较形象直观生动。
如图:


WaveView在github上的项目主页是:https://github.com/john990/WaveView
WaveView首先需要在布局中定义:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:wave="http://schemas.android.com/apk/res-auto"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <com.john.waveview.WaveView
        android:id="@+id/wave_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:color/white"
        wave:above_wave_color="#e53935"
        wave:blow_wave_color="#e53935"
        wave:progress="60"
        wave:wave_height="large"
        wave:wave_hz="normal"
        wave:wave_length="middle" />

    <SeekBar
        android:id="@+id/seek_bar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|center_horizontal"
        android:layout_marginBottom="20dp"
        android:progress="100" />
</FrameLayout>



wave:above_wave_color
wave:blow_wave_color
定义波形的颜色(顶部波形平面的下方)。


wave_height
定义波浪的高度。


wave_hz
定义波浪起伏的频率赫兹。



wave_length
定义波浪的长度。


以上几种波浪波形为几种枚举类型。


wave:progress
为整型值,以0-100,100表示最高位波浪,0表示最低波浪。



以一个seekbar调整WaveView的代码为例:

package com.waveview.demo;

import android.app.Activity;
import android.os.Bundle;
import android.widget.SeekBar;

import com.john.waveview.WaveView;

public class MainActivity extends Activity {

    private SeekBar seekBar;
    private WaveView waveView;

    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        seekBar = (SeekBar) findViewById(R.id.seek_bar);
        waveView = (WaveView) findViewById(R.id.wave_view);

        seekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
            @Override
            public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
                waveView.setProgress(progress);
            }

            @Override
            public void onStartTrackingTouch(SeekBar seekBar) {

            }

            @Override
            public void onStopTrackingTouch(SeekBar seekBar) {

            }
        });
    }
}

你可能感兴趣的:(android)