自定義View初探-Path

自定義View 初探-Path

Path 就是個(gè)畫路徑的

源碼注釋:

The Path class encapsulates compound (multiple contour) geometric paths
consisting of straight line segments, quadratic curves, and cubic curves.
It can be drawn with canvas.drawPath(path, paint), either filled or stroked
(based on the paint's Style), or it can be used for clipping or to draw
 text on a path

硬式翻譯(硬著臉皮翻):Path這個(gè)類封裝了一些畫幾何圖形的方法缚陷,都是有啥呢适篙?直線,二次曲線箫爷,三次曲線嚷节,通過canvars,drawPath()把你畫的集合圖形繪制出來

  • (1)至于是填充的幾何圖形還是只有邊組成的幾何圖形,取決于畫筆的Style虎锚,如果paint style 是STROKE硫痰,那么畫的集合圖形只有邊,如果不設(shè)置默認(rèn)畫的是個(gè)填充的集合圖形
  • (2)or it can be used for clipping or to draw text on a path窜护,說的關(guān)于裁剪的這個(gè)我沒有用過效斑,用過再補(bǔ)充。

moveTo(float x, float y)

兩個(gè)點(diǎn)可以畫出個(gè)直線或者面柱徙,那么這個(gè)moveTo(),就是把線的起始位置設(shè)置成(x,y)

lineTo(float x, float y)

這個(gè)就是畫兩點(diǎn)之間線的末端坐標(biāo)啦缓屠,如果不手動(dòng)設(shè)置moveTo(),你再調(diào)用 lineTo(),那么起始端就是你上個(gè)末端的坐標(biāo)啦!

close()

這個(gè)就是把你最初的起點(diǎn)和最后的起點(diǎn)連線护侮,如果你已經(jīng)有兩個(gè)邊了敌完,就可能組成封閉圖形

示例:

        mPath.reset();
        mPath.moveTo(100, 100);
        // 連接路徑到點(diǎn)
        mPath.lineTo(300, 100);
        mPath.lineTo(400, 200);
        mPath.lineTo(200, 200); 
        mPath.close();//這樣是會(huì)連起來的,幫你把口封住
        canvas.drawPath(mPath, mPaint);

這就成了梯形了

這是Path style = Paint.Style.STROKE
這是Path style = Paint.Style.FILL

quadTo(float x1, float y1, float x2, float y2)

畫個(gè)曲線羊初,二階貝塞爾曲線

二階貝塞爾曲線

那么 P0點(diǎn)就是起始點(diǎn)(moveTo()設(shè)置的滨溉,或者是lineTo()設(shè)置的,或者是默認(rèn)的(0.0))长赞,P1就是參數(shù)(x1,y1)了晦攒,p2(x2,y2)啦

  @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        mPath.reset();
        mPath.moveTo(100, 100);
        mPath.quadTo(200, 200, 300, 100);
        mPath.quadTo(400, 200, 500, 100);

        canvas.drawPath(mPath, mPaint);
    }

如圖:

是不是很曲折啊

cubicTo(float x1, float y1, float x2, float y2, float x3, float y3)

三階貝塞爾曲線

三階貝塞爾曲線

與quadTo類似,前四個(gè)參數(shù)表示兩個(gè)控制點(diǎn)涧卵,最后兩個(gè)參數(shù)表示終點(diǎn)勤家。其實(shí),(x1,y1)就是P1,(x2,y2)是P2柳恐,(x3,y3)是P3

最后

參考

PS: 歡迎敲打( ̄▽ ̄)"

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市热幔,隨后出現(xiàn)的幾起案子乐设,更是在濱河造成了極大的恐慌,老刑警劉巖绎巨,帶你破解...
    沈念sama閱讀 206,482評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件近尚,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡场勤,警方通過查閱死者的電腦和手機(jī)戈锻,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,377評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門歼跟,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人格遭,你說我怎么就攤上這事哈街。” “怎么了拒迅?”我有些...
    開封第一講書人閱讀 152,762評(píng)論 0 342
  • 文/不壞的土叔 我叫張陵骚秦,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我璧微,道長(zhǎng)作箍,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,273評(píng)論 1 279
  • 正文 為了忘掉前任前硫,我火速辦了婚禮胞得,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘屹电。我一直安慰自己懒震,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,289評(píng)論 5 373
  • 文/花漫 我一把揭開白布嗤详。 她就那樣靜靜地躺著个扰,像睡著了一般。 火紅的嫁衣襯著肌膚如雪葱色。 梳的紋絲不亂的頭發(fā)上递宅,一...
    開封第一講書人閱讀 49,046評(píng)論 1 285
  • 那天,我揣著相機(jī)與錄音苍狰,去河邊找鬼办龄。 笑死,一個(gè)胖子當(dāng)著我的面吹牛淋昭,可吹牛的內(nèi)容都是我干的俐填。 我是一名探鬼主播,決...
    沈念sama閱讀 38,351評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼翔忽,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼英融!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起歇式,我...
    開封第一講書人閱讀 36,988評(píng)論 0 259
  • 序言:老撾萬榮一對(duì)情侶失蹤驶悟,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后材失,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體痕鳍,經(jīng)...
    沈念sama閱讀 43,476評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,948評(píng)論 2 324
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了笼呆。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片熊响。...
    茶點(diǎn)故事閱讀 38,064評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖诗赌,靈堂內(nèi)的尸體忽然破棺而出汗茄,到底是詐尸還是另有隱情,我是刑警寧澤境肾,帶...
    沈念sama閱讀 33,712評(píng)論 4 323
  • 正文 年R本政府宣布剔难,位于F島的核電站,受9級(jí)特大地震影響奥喻,放射性物質(zhì)發(fā)生泄漏偶宫。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,261評(píng)論 3 307
  • 文/蒙蒙 一环鲤、第九天 我趴在偏房一處隱蔽的房頂上張望纯趋。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,264評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽痹栖。三九已至,卻和暖如春瞭空,著一層夾襖步出監(jiān)牢的瞬間揪阿,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,486評(píng)論 1 262
  • 我被黑心中介騙來泰國打工咆畏, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留南捂,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,511評(píng)論 2 354
  • 正文 我出身青樓旧找,卻偏偏與公主長(zhǎng)得像溺健,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子钮蛛,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,802評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容

  • 系列文章之 Android中自定義View(一)系列文章之 Android中自定義View(二)系列文章之 And...
    YoungerDev閱讀 4,381評(píng)論 3 11
  • 學(xué)習(xí)http://hencoder.com/ui-1-1/筆記 一鞭缭、通過drawPath()繪制自定義圖形 Pat...
    王大碗要努力閱讀 550評(píng)論 0 0
  • 最近項(xiàng)目中要實(shí)現(xiàn)加速球效果。是時(shí)候該學(xué)習(xí)一波了愿卒,好了廢話不多說缚去,記筆記,還是從自己發(fā)憷的自定義view開始琼开。 先來...
    laifrog閱讀 1,453評(píng)論 0 4
  • 前言: 在接觸Android這么長(zhǎng)時(shí)間,看到很多大牛都在和大家分享自己的知識(shí)枕荞,深有體會(huì)柜候,剛好前段時(shí)間寫了一個(gè)Dem...
    楊艷偉閱讀 1,251評(píng)論 0 5
  • 這位先生 別來無恙喲 喝茶的時(shí)候 為何不穿你的棉衫 或者麻衫 你是隨性的人 ...
    海月先生閱讀 711評(píng)論 1 5