# WaveApplication **Repository Path**: noteplus/WaveApplication ## Basic Information - **Project Name**: WaveApplication - **Description**: 水波纹效果控件， 可以在水波上方添加图片，图片会随水波上下浮动。 - **Primary Language**: Android - **License**: Not specified - **Default Branch**: master - **Homepage**: https://www.jb51.net/article/119345.htm - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2024-11-20 - **Last Updated**: 2024-11-20 ## Categories & Tags **Categories**: Uncategorized **Tags**: 水波纹, 贝塞尔曲线 ## README # WaveApplication 水波纹效果控件， 可以在水波上方添加图片，图片会随水波上下浮动.

attrs属性：


 <declare-styleable name="waveStyleable">
        <!-- 水波纹的长度-->
        <attr name="waveLength" format="float"> </attr>
         <!-- 水波纹的高度-->
        <attr name="waveHeight" format="float"> </attr>
        <!-- 水波纹的速度-->
        <attr name="waveSpeed" format="float"> </attr>
        <!--水波纹上方的头像 -->
        <attr name="waveTopIcon" format="reference"> </attr>
        <!--水波的颜色 -->
        <attr name="waveColor" format="color"> </attr>
        <!--水波距离底部的距离 -->
        <attr name="distanceY" format="float"> </attr>

</declare-styleable>

xml文件引入


   <com.iwintrue.waveapplication.WaveView
        xmlns:app="http://schemas.android.com/apk/res-auto"
        app:waveLength = "600"
        app:waveHeight = "50"
        app:waveSpeed = "10"
        app:waveColor = "#0ff"
        app:distanceY = "100"
        app:waveTopIcon = "@mipmap/icon"
        android:layout_centerInParent="true"
        android:id="@+id/waterView"
        android:layout_width="match_parent"
        android:layout_height="200dp"
        />

效果图如下：




注意：