水面波浪形View--第三方开源--WaveView（电量、能量、容量指示）

最新推荐文章于 2024-08-10 07:30:51 发布

xzylx1

最新推荐文章于 2024-08-10 07:30:51 发布

阅读量844

点赞数

CC 4.0 BY-SA版权

文章标签： android

本文链接：https://blog.youkuaiyun.com/xzylx1/article/details/50388164

本文介绍了一种使用WaveView第三方库在Android应用中创建水面波浪效果来直观展示剩余电量和存储容量的方法。通过引用github上的WaveView项目，开发者可以实现更加生动形象的UI展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这种WaveView在一些常见的APP开发中，以水面波浪波形的形象的生动展示手机还剩余多少电量，存储容量还有多少，比较形象直观生动。

WaveView在github上的项目主页是：https://github.com/john990/WaveView

代码：

activity_main.xml:

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:wave="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <!-- wave:above_wave_color-->
    <!-- wave:blow_wave_color 定义波形的颜色 ，顶部波形平面的下方 -->
    <!-- wave_height 定义波浪的高度 -->
    <!-- wave_hz 定义波浪起伏的频率赫兹。 -->
    <!-- wave_length 定义波浪的长度 -->
    <!-- wave:progress 为整型值，以0-100,100表示最高位波浪，0表示最低波浪 -->

    <com.john.waveview.WaveView
        android:id="@+id/wave_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#1565C0"
        wave:blow_wave_color="#1A237E"
        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="60" />

</FrameLayout>

MainActivity:

package com.zzw.testwaveview;

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.activity_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) {

            }
        });
    }
}