這篇文章主要介紹了如何使用Android實(shí)現(xiàn)簡(jiǎn)單水波紋效果，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

成都創(chuàng)新互聯(lián)公司服務(wù)項(xiàng)目包括黃南州網(wǎng)站建設(shè)、黃南州網(wǎng)站制作、黃南州網(wǎng)頁(yè)制作以及黃南州網(wǎng)絡(luò)營(yíng)銷(xiāo)策劃等。多年來(lái)，我們專(zhuān)注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，黃南州網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶(hù)以成都為中心已經(jīng)輻射到黃南州省份的部分城市，未來(lái)相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶(hù)的支持與信任！

具體內(nèi)容如下

一、效果

二、實(shí)現(xiàn)原理

自定義view，使用Path和貝塞爾曲線(xiàn)繪制，然后不斷刷新，并且改變X、Y的值

主要知識(shí)點(diǎn)rQuadTo的使用   

三、實(shí)現(xiàn)

WaveView.java

public class WaveView extends View {
  private Paint mPaint;
  private final Path mPath;
  //波長(zhǎng)
  private int wavelength = 500;
  private int originY=800;
  private int dx,dy;
 
  public WaveView(Context context, @Nullable AttributeSet attrs) {
    super(context, attrs);
    mPaint = new Paint();
    mPath = new Path();
    mPaint.setColor(Color.GREEN);
    mPaint.setStrokeWidth(5);
    mPaint.setStyle(Paint.Style.FILL_AND_STROKE);
//    startanimation();
  }
 
 
  @Override
  protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    //重置path
    mPath.reset();
//    改變y的起始坐標(biāo)
    if(dy<originY+150){
      dy+=10;
    }
 
    int halfWaveLength = wavelength / 2;
    mPath.moveTo(-wavelength + dx, originY-dy);
    //屏幕多寬，畫(huà)多少
    for (int i = -wavelength; i <= getWidth() + wavelength; i += wavelength) {
      /**
       * 相對(duì)繪制二階貝塞爾曲線(xiàn)（相對(duì)于自己的起始點(diǎn)--也即是上一個(gè)曲線(xiàn)的終點(diǎn) ）
       * float dx1 相對(duì)于上一個(gè)曲線(xiàn)的終點(diǎn) 的距離
       * float dy1
       * float dx2
       * float dy2
       */
      mPath.rQuadTo(halfWaveLength / 2, -150, halfWaveLength, 0);
      mPath.rQuadTo(halfWaveLength / 2, 150, halfWaveLength, 0);
 
    }
    //顏色填充
    //畫(huà)一個(gè)封閉的空間
    mPath.lineTo(getWidth(), getHeight());
    mPath.lineTo(0, getHeight());
    mPath.close();
    canvas.drawPath(mPath, mPaint);
//    //設(shè)置起始點(diǎn)坐標(biāo)
//    path.moveTo(100,400);
//    //二階貝塞爾曲線(xiàn)1
//    path.quadTo(250,200,400,400);
//    //二階貝塞爾曲線(xiàn)2
//    path.quadTo(550,600,700,400);
//    //關(guān)閉路徑（將起點(diǎn)和終點(diǎn)閉合）
//    path.close();
//    path.moveTo(100,700);
//    path.cubicTo(50,500,550,500,700,700);
 
  }
 
  public void startanimation() {
    ValueAnimator animator = ValueAnimator.ofInt(0, wavelength);
    animator.setDuration(1000);
    animator.setInterpolator(new LinearInterpolator());
    //無(wú)限循環(huán)
    animator.setRepeatCount(ValueAnimator.INFINITE);
    animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
      @Override
      public void onAnimationUpdate(ValueAnimator animation) {
        dx = (int) animation.getAnimatedValue();
        postInvalidate();
      }
    });
    animator.start();
  }
}

最后把這個(gè)當(dāng)成一個(gè)控件使用就可以。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“如何使用Android實(shí)現(xiàn)簡(jiǎn)單水波紋效果”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!

網(wǎng)站題目：如何使用Android實(shí)現(xiàn)簡(jiǎn)單水波紋效果
網(wǎng)站路徑：http://jinyejixie.com/article18/jooodp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開(kāi)發(fā)、網(wǎng)站導(dǎo)航、移動(dòng)網(wǎng)站建設(shè)、、外貿(mào)建站、網(wǎng)站設(shè)計(jì)公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)