這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)?lái)有關(guān)怎么在Android應(yīng)用中利用貝塞爾曲線實(shí)現(xiàn)一個(gè)購(gòu)物車添加軌跡，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

目前創(chuàng)新互聯(lián)建站已為上1000+的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)絡(luò)空間、綿陽(yáng)服務(wù)器托管、企業(yè)網(wǎng)站設(shè)計(jì)、朔城網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng)，共同發(fā)展。

效果如下：

1、新建自定義View，重寫構(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、畫起止點(diǎ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è)小球隨著貝賽爾曲線的路徑軌跡運(yùn)動(dòng)呢，那就需要得到運(yùn)動(dòng)到當(dāng)前的點(diǎn)在貝賽爾曲線上的坐標(biāo)，使用如下工具類：

/**
 * 計(jì)算貝賽爾曲線坐標(biāo)的工具類
 */

public class BezierUtil {
 /**
  * B(t) = (1 - t)^2 * P0 + 2t * (1 - t) * P1 + t^2 * P2, t ∈ [0,1]
  *
  * @param t 曲線長(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 曲線長(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)在貝賽爾曲線上的坐標(biāo)。其中曲線長(zhǎng)度比例t 以及起始點(diǎn)、終止點(diǎn)都可以在屬性動(dòng)畫估值器Evaluator中獲得：

/**
 * 貝賽爾曲線估值器
 */
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)存儲(chǔ)x、y坐標(biāo)，而PointF使用的是float類型。

5、設(shè)置點(diǎn)擊監(jiān)聽(tīng)setOnclickListner(this)，重寫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)畫更新監(jiān)聽(tīng)中獲取到該當(dāng)前所在位置，并重繪：

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

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

上述就是小編為大家分享的怎么在Android應(yīng)用中利用貝塞爾曲線實(shí)現(xiàn)一個(gè)購(gòu)物車添加軌跡了，如果剛好有類似的疑惑，不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

本文名稱：怎么在Android應(yīng)用中利用貝塞爾曲線實(shí)現(xiàn)一個(gè)購(gòu)物車添加軌跡
本文來(lái)源：http://chinadenli.net/article38/jggssp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、軟件開(kāi)發(fā)、網(wǎng)站內(nèi)鏈、云服務(wù)器、靜態(tài)網(wǎng)站、企業(yè)建站

廣告

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