android貝塞爾曲線實現(xiàn)波浪效果
本文實例為大家分享了android貝塞爾曲線實現(xiàn)波浪效果的具體代碼,供大家參考,具體內(nèi)容如下
因為手機(jī)錄制gif不知道下什么軟件好,所以暫時就先忽略效果圖了
我在屏幕外多畫了1.5個波浪,延伸至屏幕內(nèi)。然后不斷的循環(huán),向右邊移動。就有一種波浪的效果。
所以現(xiàn)在只需要畫出左邊的波長,然后再通過循環(huán)添加所有的波長即可。
第一個曲線已經(jīng)確定了控制點和終點的坐標(biāo),
第二條曲線也可以很明顯的看出來終點是在x軸的0點坐標(biāo),Y軸不變,而控制點是在負(fù)的波長的1/4的位置
有了上下曲線以后,其他的就可以直接通過循環(huán)進(jìn)行添加了
接下來直接看一下代碼
public class WaveView extends View implements View.OnClickListener { //路徑 private Path mPath; //畫筆 private Paint mPaint; //屏幕高度 private int screenHeight; //屏幕寬度 private int screenWidth; //波長 自己控制 private int waveLength = 800; //波長的數(shù)量 private int waveCount; //貝塞爾曲線的控制點 private int centerY; private ValueAnimator mValueAnimator; //偏移量 private int mOffset; public WaveView(Context context) { this(context, null); } public WaveView(Context context, @Nullable AttributeSet attrs) { super(context, attrs); init(); } private void init() { //初始化畫筆 mPaint = new Paint(Paint.ANTI_ALIAS_FLAG); mPaint.setStyle(Paint.Style.FILL); mPaint.setColor(Color.RED); mPath = new Path(); } @Override protected void onSizeChanged(int w, int h, int oldw, int oldh) { super.onSizeChanged(w, h, oldw, oldh); screenHeight = h;// 獲取屏幕高度 screenWidth = w;//獲取屏幕寬度 centerY = h / 2;//設(shè)置中心點 waveCount = (int) Math.round(screenWidth / waveLength + 1.5);//波長的數(shù)量 } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); mPath.reset(); //首先移動到最左邊 offset是偏移量 mPath.moveTo(-waveLength + mOffset, centerY); for (int i = 0; i < waveCount; i++) { //先畫底部的曲線 負(fù)的波長的3/4 第二次加一個波長的長度 以及加偏移量 曲線是向下的,控制點加60 終點則為負(fù)的波長的1/2 + 波長的長度 和偏移量 mPath.quadTo(-waveLength * 3 / 4 + i * waveLength + mOffset, centerY + 60, -waveLength / 2 + i * waveLength + mOffset, centerY); //再畫頂部的曲線 負(fù)的波長的1/4 曲線是向上的,控制點減60 mPath.quadTo(-waveLength * 1 / 4 + i * waveLength + mOffset, centerY - 60, 0 + i * waveLength + mOffset, centerY); } //閉合路徑 mPath.lineTo(screenWidth, screenHeight); mPath.lineTo(0, screenHeight); mPath.close(); canvas.drawPath(mPath, mPaint); //設(shè)置點擊時間只是為了點擊以后才開始循環(huán) setOnClickListener(this); } @Override public void onClick(View view) { //主要是為了獲取偏移量 mValueAnimator = ValueAnimator.ofInt(0, waveLength); mValueAnimator.setDuration(1000); mValueAnimator.setRepeatCount(ValueAnimator.INFINITE); mValueAnimator.setInterpolator(new LinearInterpolator()); mValueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { @Override public void onAnimationUpdate(ValueAnimator valueAnimator) { mOffset = (int) valueAnimator.getAnimatedValue(); //重繪 invalidate(); } }); mValueAnimator.start(); } }
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Android游戲開發(fā)實踐之人物移動地圖的平滑滾動處理
玩過rpg游戲的朋友應(yīng)該都知道RPG的游戲地圖一般都比較大 今天我和大家分享一下在RPG游戲中如何來處理超出手機(jī)屏幕大小的游戲地圖。2014-06-06Android UI:ListView - SimpleAdapter實例詳解
這篇文章主要介紹了Android UI:ListView - SimpleAdapter實例詳解,SimpleAdapter是擴(kuò)展性最好的適配器,可以定義各種你想要的布局,而且使用很方便,需要的朋友可以參考下2016-11-11Android組件TabHost實現(xiàn)頁面中多個選項卡切換效果
這篇文章主要為大家詳細(xì)介紹了Android組件TabHost實現(xiàn)頁面中多個選項卡切換效果的相關(guān)資料,感興趣的小伙伴們可以參考一下2016-05-05Android AsyncTask 后監(jiān)聽異步加載完畢的動作詳解
這篇文章主要介紹了Android 使用AsyncTask 后監(jiān)聽異步加載完畢的動作的相關(guān)資料,需要的朋友可以參考下2016-11-11解決android studio 3.0 加載項目過慢問題--maven倉庫選擇
這篇文章主要介紹了android studio 3.0 加載項目過慢問題解決方案---maven倉庫選擇,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2017-11-11Android編程基礎(chǔ)之獲取手機(jī)屏幕大小(DisplayMetrics應(yīng)用)示例
這篇文章主要介紹了Android獲取手機(jī)屏幕大小的方法,結(jié)合實例形式分析了TextView ,Button ,以及DisplayMetrics的使用方法,并重點分析了DisplayMetrics的應(yīng)用技巧,需要的朋友可以參考下2016-10-10appium運(yùn)行各種坑爹報錯問題及解決方法【推薦】
這篇文章主要介紹了 appium運(yùn)行各種坑爹報錯問題及解決方法,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價值,需要的朋友可以參考下2019-06-06