android貝賽爾

Ⅰ 史上最全的貝塞爾曲線(Bezier)全解(一):初識貝塞爾曲線

  作為一個有隻志向的碼農,除了知道一些基本的知識夠自己努力搬磚以外,還應該get一些更炫酷的技能,用更優雅的姿勢進行搬磚;想要實現一些十分炫酷的效果,貝塞爾曲線就必須進行一些研究了;最近一段時間,我對貝塞爾曲線進行了部分的研究,因此就打算寫貝塞爾曲線系列的文章來記錄自己的研究;

##規矩我都懂 !##

我明白,必須先上圖,要不然大家都沒興趣看下去先看比較簡單的,貝塞爾曲線的一階和二階的應用

  看到二階的貝塞爾曲線有沒有感覺很眼熟,沒錯,360的下火箭彈射時候的小彈弓,還有滑動控制項的陰影提示;以前的時候很多小夥伴跟我說這要計算多少數據啊,完全沒辦法實現啊,現在有了貝塞爾曲線,可以很簡單的實現這一個功能;

 不過完全不能這樣滿足啊,接下來還有更復雜一些的曲線  沒錯,這個就是三階的使用,有沒有感覺路線更加復雜,不過還好,使用貝塞爾去玩完全可以輕松實現;對了,還有一個心在沿著曲線移動,看到這里,小夥伴們肯定會想到滿屏幕的心在飛的場景,放心,這個我也實現了,在接下來的文章里,我會一一進行講解

 ##圖片看完了,現在簡單了解貝塞爾曲線 ##

Bézier curve(貝塞爾曲線)是應用於二維圖形應用程序的數學曲線。 曲線定義：起始點、終止點（也稱錨點）、控制點。通過調整控制點，貝塞爾曲線的形狀會發生變化。 1962年，法國數學家Pierre Bézier第一個研究了這種矢量繪制曲線的方法，並給出了詳細的計算公式，因此按照這樣的公式繪制出來的曲線就用他的姓氏來命名，稱為貝塞爾曲線。以下公式中：B(t)為t時間下 點的坐標；P0為起點,Pn為終點,Pi為控制點一階貝塞爾曲線(線段)：  

意義：由 P0 至 P1 的連續點， 描述的一條線段二階貝塞爾曲線(拋物線)：

 原理：由 P0 至 P1 的連續點 Q0，描述一條線段。由 P1 至 P2 的連續點 Q1，描述一條線段。由 Q0 至 Q1 的連續點 B(t)，描述一條二次貝塞爾曲線。經驗：P1-P0為曲線在P0處的切線。

三階貝塞爾曲線：

         通用公式： 

利用貝塞爾曲線的這些特性,我們可以畫出很多炫酷的曲線,所以貝塞爾曲線還是值得我們去研究學習的;##但是這些完全記不住啊!!! ##沒關系,可以很負責的說,我也是!!!!!上面的曲線完全是來自[ http://blog.csdn.net/tianhai110/article/details/2203572 ] 所以,如果你的數學和我一樣是體育老師教的,就忘記這些吧,跟我一起看看android中是實現一條貝塞爾曲線的,android已經幫我們實現好了,剩下的就需要我們進行簡單使用,具體的使用,就看

[ 史上最全的貝塞爾曲線(Bezier)全解(二):Android中曲線的簡單繪制 ] 

[ 史上最全的貝塞爾曲線(Bezier)全解(三):貝塞爾曲線實現滿屏愛心 ]

中講解最後附上源碼: https://github.com/sangxiaonian/BezierIntroce.git

Ⅱ 貝塞爾曲線怎麼畫 android

貝塞爾工具，按住Ctrl來點的時候，就會水平或垂直，如果先是畫了曲線，再把曲線轉換成直線就OK了 設計確實挺難的，不清楚閣下是設計哪方面的 如果是在CorelDRAW做，首先要學會操作，再看看裡面有哪些功能，熟練之後才容易設計，有些效果還是在PS里好做些。 一般客戶提出了有哪些要求就按要求來做，或者根據客戶所要設計的東西來選風格來配套。

Ⅲ Android 平台有貝塞爾曲線運動軌跡演算法

安卓使用的是google的skia嘛
skia的skpath由三次貝塞爾和二次貝塞爾的繪制路徑...
void cubicTo(const SkPoint& p1, const SkPoint& p2, const SkPoint& p3)
void quadTo(const SkPoint& p1, const SkPoint& p2)
----

Ⅳ android繪圖之Canvas基礎（2）

Canvas畫布，用於繪制出各種形狀配合畫布的變幻操作可以繪制出很多復雜圖形，基本的繪制圖形分類。
提供的繪制函數：

上面四個函數都可以繪制canvas的背景，注意到PorterDuff.Mode變數，它只對兩個canvas繪制bitmap起作用，所以此處暫時不討論mode參數（沒有設置mode默認使用srcover porterff mode）。

Rect 和RectF都是提供一個矩形局域。
(1)精度不一樣，Rect是使用int類型作為數值，RectF是使用float類型作為數值。
(2)兩個類型提供的方法也不是完全一致。

**
rect：RectF對象，一個矩形區域。
rx：x方向上的圓角半徑。
ry：y方向上的圓角半徑。
paint：繪制時所使用的畫筆。**

**
cx 圓心x
cy 圓心y
radius半徑**

需要一個Path,代表路徑後面會講解。

繪制線的集合，參數中pts是點的集合，兩個值代表一個點，四個值代表一條線，互相之間不連接。
offset跳過的點，count跳過之後要繪制的點的總數，可以用於集合中部分點的繪制。

跳過部分節點：

沒有跳過點

RectF oval:生成弧的矩形，中心為弧的圓心
float startAngle：弧開始的角度，以X軸正方向為0度，順時針
float sweepAngle：弧持續的角度
boolean useCenter:是否有弧的兩邊，True，還兩邊，False，只有一條弧

在矩形框內畫一個橢圓，如果是個正方形會畫出一個圓。

canvas.drawPoint();
canvas.drawPoints();

**
只需要提供兩個點一個坐標就可以繪制點。
canvas.drawPoint(20,20,mPaint);
float[] points = {30,40,40,50,60,60};
canvas.drawPoints(points,mPaint);**

這幾種方法類似：
canvas.drawText("好好學習，天天向上",100,100,mPaint);

drawTextOnPath
沿著一條 Path 來繪制文字
text 為所需要繪制的文字
path 為文字的路徑
hOffset 文字相對於路徑的水平偏移量，用於調整文字的位置
vOffset 文字相對於路徑豎直偏移量，用於調整文字的位置
值得注意的是，在繪制 Path 的時候，應該在拐彎處使用圓角，這樣文字顯示時更舒服

大致講解，後面會重點講解。

Rect src
Rect dst
其中src和dst這兩個矩形區域是用來做什麼的？
Rect src：指定繪制圖片的區域
Rect dst或RectF dst：指定圖片在屏幕上的繪制（顯示）區域
首先指定圖片區域，然後指定繪制圖片的區域。

android繪圖之Paint(1)
android繪圖之Canvas基礎（2）
Android繪圖之Path（3）
Android繪圖之drawText繪制文本相關（4）
Android繪圖之Canvas概念理解（5）
Android繪圖之Canvas變換（6）
Android繪圖之Canvas狀態保存和恢復（7）
Android繪圖之PathEffect （8）
Android繪圖之LinearGradient線性漸變（9）
Android繪圖之SweepGradient（10）
Android繪圖之RadialGradient 放射漸變（11）
Android繪制之BitmapShader（12）
Android繪圖之ComposeShader，PorterDuff.mode及Xfermode（13）
Android繪圖之drawText,getTextBounds,measureText,FontMetrics,基線（14）
Android繪圖之貝塞爾曲線簡介（15）
Android繪圖之PathMeasure（16）
Android 動態修改漸變 GradientDrawable

Ⅳ android怎麼獲取貝塞爾曲線上的點

android怎麼獲取貝塞爾曲線上的點

看附件。

Ⅵ Android中moveTo、lineTo、quadTo、cubicTo、arcTo詳解（實例）

記錄下moveTo、lineTo、quadTo、cubicTo、arcTo的作用，在自定義view的時候經常用到。

1、moveTo

  moveTo 不會進行繪制，只用於移動移動畫筆。

  結合以下方法進行使用。

2、lineTo

  lineTo 用於進行直線繪制。

  mPath.lineTo(300, 300);

  canvas.drawPath(mPath,mPaint);

默認從坐標(0,0)開始繪制。如圖：

moveTo是用來移動畫筆的

把畫筆移動(100,100)處開始繪制，效果如圖：

3、quadTo

quadTo 用於繪制圓滑曲線，即貝塞爾曲線。

mPath.quadTo(x1, y1, x2, y2) (x1,y1) 為控制點，(x2,y2)為結束點。

同樣地，我們還是得需要moveTo來協助控制。

mPath.moveTo(100,500);mPath.quadTo(300,100,600,500);

canvas.drawPath(mPath, mPaint);

效果如圖：

4、cubicTo

cubicTo 同樣是用來實現貝塞爾曲線的。

mPath.cubicTo(x1, y1, x2, y2, x3, y3) (x1,y1) 為控制點，(x2,y2)為控制點，(x3,y3) 為結束點。

那麼，cubicTo 和 quadTo 有什麼不一樣呢？

官方是這么說的：

Same as cubicTo, but the coordinates are considered relative to the current point on this contour.

說白了，就是多了一個控制點而已。

然後，我們想繪制和上一個一樣的曲線，應該怎麼寫呢？

mPath.moveTo(100,500);

mPath.cubicTo(100,500,300,100,600,500);

看看效果：

如果我們不加 moveTo 呢？

則以(0,0)為起點，(100,500)和(300,100)為控制點繪制貝塞爾曲線：

5、arcTo

arcTo 用於繪制弧線（實際是截取圓或橢圓的一部分）。

mPath.arcTo(ovalRectF, startAngle, sweepAngle) , ovalRectF為橢圓的矩形，startAngle 為開始角度，sweepAngle為結束角度。

mRectF = new RectF(10,10,600,600);mPath.arcTo(mRectF,0,90);canvas.drawPath(mPath, mPaint);

由於new RectF(10, 10, 600, 600)為正方形，又截取 0 ~ 90 度 ，則所得曲線為四分之一圓的弧線。

效果如圖：

Ⅶ 有誰知道android里的Path類中的quadTo()方法是怎麼實現貝塞爾曲線的嗎

/**
* 畫曲線(核心代碼)
*
* @param startp
* 開始點
* @param endp
* 結束點
* @param canvas
* 畫布
* @param paint
* 畫筆
*/
private void drawCurve(Point[] points, Canvas canvas, Paint paint)
{
Point startp = new Point();
Point endp = new Point();
for (int i = 0; i < points.length - 1; i++)
{
startp = points[i];
endp = points[i + 1];
int wt = (startp.x + endp.x) / 2;
Point p3 = new Point();
Point p4 = new Point();
p3.y = startp.y;
p3.x = wt;
p4.y = endp.y;
p4.x = wt;
// 確定曲線的路徑
path = new Path();
path.moveTo(startp.x, startp.y);
path.cubicTo(p3.x, p3.y, p4.x, p4.y, endp.x, endp.y);
canvas.drawPath(path, paint);

}
}