欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Android貝塞爾曲線(xiàn)初步學(xué)習(xí)第三課 Android實(shí)現(xiàn)添加至購(gòu)物車(chē)的運(yùn)動(dòng)軌跡

 更新時(shí)間:2021年03月22日 10:47:38   作者:猴菇先生  
這篇文章主要為大家詳細(xì)介紹了Android貝塞爾曲線(xiàn)初步學(xué)習(xí)第三課,Android實(shí)現(xiàn)添加至購(gòu)物車(chē)的運(yùn)動(dòng)軌跡,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下

不知上一節(jié)高仿QQ未讀消息氣泡大家還喜歡么,今天繼續(xù)練習(xí)貝賽爾曲線(xiàn),這一節(jié)我們通過(guò)貝賽爾曲線(xiàn)和屬性動(dòng)畫(huà)估值器實(shí)現(xiàn)添加至購(gòu)物車(chē)的運(yùn)動(dòng)軌跡,效果如下:

1、新建自定義View,重寫(xiě)構(gòu)造方法,初始化Paint、Path;

2、確定起始點(diǎn)、終止點(diǎn)、控制點(diǎn)坐標(biāo),這里我們直接固定:

 @Override
 protected void onSizeChanged(int w, int h, int oldw, int oldh) {
 super.onSizeChanged(w, h, oldw, oldh);
 mStartX = 100;
 mStartY = 100;
 mEndX = w - 100;
 mEndY = h - 100;
 mControlX = w - 100;
 mControlY = 100;
 }

3、畫(huà)起止點(diǎn)小球和貝賽爾曲線(xiàn)路徑:

@Override
 protected void onDraw(Canvas canvas) {
 super.onDraw(canvas);
 canvas.drawCircle(mStartX, mStartY, 24, mCirclePaint);
 canvas.drawCircle(mEndX, mEndY, 24, mCirclePaint);
 mPath.reset();
 mPath.moveTo(mStartX, mStartY);
 mPath.quadTo(mControlX, mControlY, mEndX, mEndY);
 canvas.drawPath(mPath, mPathPaint);
 }

這樣基本的東西就完成了。

4、那么該怎樣使一個(gè)小球隨著貝賽爾曲線(xiàn)的路徑軌跡運(yùn)動(dòng)呢,那就需要得到運(yùn)動(dòng)到當(dāng)前的點(diǎn)在貝賽爾曲線(xiàn)上的坐標(biāo),使用如下工具類(lèi):

/**
 * 計(jì)算貝賽爾曲線(xiàn)坐標(biāo)的工具類(lèi)
 */

public class BezierUtil {
 /**
 * B(t) = (1 - t)^2 * P0 + 2t * (1 - t) * P1 + t^2 * P2, t ∈ [0,1]
 *
 * @param t 曲線(xiàn)長(zhǎng)度比例
 * @param p0 起始點(diǎn)
 * @param p1 控制點(diǎn)
 * @param p2 終止點(diǎn)
 * @return t對(duì)應(yīng)的點(diǎn)
 */
 public static PointF calculateBezierPointForQuadratic(float t, PointF p0, PointF p1, PointF p2) {
 PointF point = new PointF();
 float temp = 1 - t;
 point.x = temp * temp * p0.x + 2 * t * temp * p1.x + t * t * p2.x;
 point.y = temp * temp * p0.y + 2 * t * temp * p1.y + t * t * p2.y;
 return point;
 }

 /**
 * B(t) = P0 * (1-t)^3 + 3 * P1 * t * (1-t)^2 + 3 * P2 * t^2 * (1-t) + P3 * t^3, t ∈ [0,1]
 *
 * @param t 曲線(xiàn)長(zhǎng)度比例
 * @param p0 起始點(diǎn)
 * @param p1 控制點(diǎn)1
 * @param p2 控制點(diǎn)2
 * @param p3 終止點(diǎn)
 * @return t對(duì)應(yīng)的點(diǎn)
 */
 public static PointF calculateBezierPointForCubic(float t, PointF p0, PointF p1, PointF p2, PointF p3) {
 PointF point = new PointF();
 float temp = 1 - t;
 point.x = p0.x * temp * temp * temp + 3 * p1.x * t * temp * temp + 3 * p2.x * t * t * temp + p3.x * t * t * t;
 point.y = p0.y * temp * temp * temp + 3 * p1.y * t * temp * temp + 3 * p2.y * t * t * temp + p3.y * t * t * t;
 return point;
 }
}

只需要傳入對(duì)應(yīng)的參數(shù)即可獲得到當(dāng)前點(diǎn)在貝賽爾曲線(xiàn)上的坐標(biāo)。其中曲線(xiàn)長(zhǎng)度比例t 以及起始點(diǎn)、終止點(diǎn)都可以在屬性動(dòng)畫(huà)估值器Evaluator中獲得:

/**
 * 貝賽爾曲線(xiàn)估值器
 */
public class BezierEvaluator implements TypeEvaluator<PointF> {

 /* 控制點(diǎn)坐標(biāo) */
 private PointF mControlPoint;

 public BezierEvaluator(PointF controlPoint) {
 mControlPoint = controlPoint;
 }

 @Override
 public PointF evaluate(float v, PointF pointF, PointF t1) {
 return BezierUtil.calculateBezierPointForQuadratic(v, pointF, mControlPoint, t1);
 }
}

注:Point與PointF的區(qū)別:
Point使用的是int類(lèi)型來(lái)存儲(chǔ)x、y坐標(biāo),而PointF使用的是float類(lèi)型。

5、設(shè)置點(diǎn)擊監(jiān)聽(tīng)setOnclickListner(this),重寫(xiě)onClick方法:

 @Override
 public void onClick(View view) {
 BezierEvaluator evaluator = new BezierEvaluator(new PointF(mControlX, mControlY));
 PointF startPoint = new PointF(mStartX, mStartY);
 PointF endPoint = new PointF(mEndX, mEndY);
 ValueAnimator anim = ValueAnimator.ofObject(evaluator, startPoint, endPoint);
 anim.setDuration(1000);
 anim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
  @Override
  public void onAnimationUpdate(ValueAnimator valueAnimator) {
  PointF curPoint = (PointF) valueAnimator.getAnimatedValue();
  mCurX = (int) curPoint.x;
  mCurY = (int) curPoint.y;
  invalidate();
  }
 });
 anim.start();
 }

使用估值器BezierEvaluator的對(duì)象,在屬性動(dòng)畫(huà)更新監(jiān)聽(tīng)中獲取到該當(dāng)前所在位置,并重繪:

canvas.drawCircle(mCurX, mCurY, 24, mCirclePaint);

即可實(shí)現(xiàn)一種類(lèi)似于添加至購(gòu)物車(chē)的運(yùn)動(dòng)軌跡效果。

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • 解析Kotlin?JSON格式

    解析Kotlin?JSON格式

    這篇文章主要介紹了Kotlin?JSON格式解析,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2023-03-03
  • Android?NDK開(kāi)發(fā)(C語(yǔ)言--聯(lián)合體與枚舉)

    Android?NDK開(kāi)發(fā)(C語(yǔ)言--聯(lián)合體與枚舉)

    這篇文章主要介紹了Android?NDK開(kāi)發(fā)C語(yǔ)言聯(lián)合體與枚舉,共用體是一種特殊的數(shù)據(jù)類(lèi)型,允許您在相同的內(nèi)存位置存儲(chǔ)不同的數(shù)據(jù)類(lèi)型。您可以定義一個(gè)帶有多成員的共用體,但是任何時(shí)候只能有一個(gè)成員帶有值。下面詳細(xì)介紹該內(nèi)容,需要的朋友可以參考一下
    2021-12-12
  • Kotlin Channel處理多個(gè)數(shù)據(jù)組合的流

    Kotlin Channel處理多個(gè)數(shù)據(jù)組合的流

    最近項(xiàng)目中對(duì) kotlin 的使用比較多。不得不說(shuō) kotlin 確實(shí)可以極大的提高 android 的開(kāi)發(fā)效率,channel用于協(xié)程之間的通訊,使用send和receive往通道里寫(xiě)入或者讀取數(shù)據(jù),2個(gè)方法為非阻塞掛起函數(shù),channel是熱流,不管有沒(méi)有訂閱者都會(huì)發(fā)送
    2022-11-11
  • Android EditText被軟鍵盤(pán)遮蓋的處理方法

    Android EditText被軟鍵盤(pán)遮蓋的處理方法

    android app新增了透明欄效果,結(jié)果發(fā)現(xiàn)鍵盤(pán)彈起后會(huì)遮蓋屏幕底部的EditText,沒(méi)有像想象中的調(diào)整窗口大小,并滾動(dòng)ScrollView,將EditText顯示在鍵盤(pán)上方。下面小編把解決方法記錄一下,特此分享到腳本之家平臺(tái),感興趣的朋友一起看看吧
    2016-10-10
  • 詳解Android的內(nèi)存優(yōu)化--LruCache

    詳解Android的內(nèi)存優(yōu)化--LruCache

    LruCache是基于Lru算法實(shí)現(xiàn)的一種緩存機(jī)制。本文對(duì)LruCache的概念和實(shí)現(xiàn)原理進(jìn)行介紹,通過(guò)實(shí)例分析和使用介紹,讓大家更好的了解LruCache,下面跟著小編一起來(lái)看下吧
    2016-12-12
  • Android文件選擇器ExFilePicker的使用方法

    Android文件選擇器ExFilePicker的使用方法

    這篇文章主要為大家詳細(xì)介紹了Android文件選擇器ExFilePicker的使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-07-07
  • Android開(kāi)發(fā)Jetpack組件Room使用講解

    Android開(kāi)發(fā)Jetpack組件Room使用講解

    Room是一個(gè)數(shù)據(jù)庫(kù)訪(fǎng)問(wèn)組件; 對(duì)SqLite數(shù)據(jù)庫(kù)做了友好的封裝,使我們?cè)诰幋a的時(shí)候,只需要注重邏輯的部分即可,數(shù)據(jù)庫(kù)就交給Room去流暢的訪(fǎng)問(wèn)即可
    2022-08-08
  • Android ExpandableListView雙層嵌套實(shí)現(xiàn)三級(jí)樹(shù)形菜單

    Android ExpandableListView雙層嵌套實(shí)現(xiàn)三級(jí)樹(shù)形菜單

    這篇文章主要介紹了Android ExpandableListView雙層嵌套實(shí)現(xiàn)三級(jí)樹(shù)形菜單,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2018-11-11
  • Android開(kāi)發(fā)實(shí)現(xiàn)自定義水平滾動(dòng)的容器示例

    Android開(kāi)發(fā)實(shí)現(xiàn)自定義水平滾動(dòng)的容器示例

    這篇文章主要介紹了Android開(kāi)發(fā)實(shí)現(xiàn)自定義水平滾動(dòng)的容器,涉及Android滾動(dòng)容器的事件響應(yīng)、屬性運(yùn)算與修改相關(guān)操作技巧,需要的朋友可以參考下
    2017-10-10
  • Windows下搭建Flutter開(kāi)發(fā)環(huán)境

    Windows下搭建Flutter開(kāi)發(fā)環(huán)境

    這篇文章介紹了Windows下搭建Flutter開(kāi)發(fā)環(huán)境的方法,對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2021-11-11

最新評(píng)論