Android 自定義View學(xué)習(xí)(三)——Paint 繪制文字屬性

參考: Paint 繪制文字屬性

1. 實(shí)現(xiàn)字體垂直居中

(1)x 軸居中:

x軸居中.png

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    //拿到字符串的寬度
    float stringWidth = mPaint.measureText(text);
    float x =(getWidth()-stringWidth)/2;
    canvas.drawText(text, x ,getHeight()/2 ,mPaint);
}

利用measureText(String text)這個(gè)方法干花,很容易拿到要繪制文字的寬度,再根據(jù)(getWidth()-stringWidth)/2簡(jiǎn)單計(jì)算犯建,就可以得到在X軸起始繪制坐標(biāo)

(2)y 軸居中:

image.png

想要在Y軸居中,就要確定出繪制文字baseline時(shí)的所在Y軸的坐標(biāo)。

在Android中嬉荆,和文字高度相關(guān)的信息都存在FontMetrics對(duì)象中入蛆。
確定 Y軸 中心:

y軸位置確定圖.png

由于文字繪制是從baseline開始响蓉,所以想要文字的正中心和DrawTextView的中心重合,baseline就不能和getHeight()/2重合哨毁,而且baseline要在getHeight()/2下方枫甲。
但要在下方多少?就是2號(hào)線和3號(hào)線之間的距離扼褪。

|ascent|=descent+ 2 * ( 2號(hào)線和3號(hào)線之間的距離 )

 @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
//        文字的x軸位置
        float stringWidth = paint.measureText(text);
        float x =(getWidth()-stringWidth)/2;
        //文字的y軸坐標(biāo)
        Paint.FontMetrics fontMetrics = paint.getFontMetrics();
        float y = getHeight() / 2 + (Math.abs(fontMetrics.ascent) - fontMetrics.descent) / 2;
        canvas.drawText(text, x ,y ,paint);
    }

2. 其他方法

2.1 setTextAlign(Align align) 設(shè)置對(duì)齊方式

  1. Paint.Align.LEFT 左對(duì)齊
  2. Paint.Align.CENTER 中心對(duì)齊想幻,繪制從
  3. Paint.Align.RIGHT 右對(duì)齊

這個(gè)方法影響的是兩端的繪制起始。LEFT就是從左端開始话浇,所以使用這三個(gè)屬性時(shí)脏毯,在drawText(test,x,y,paint);要注意x坐標(biāo),否則幔崖,繪制會(huì)出現(xiàn)錯(cuò)亂
LEFT對(duì)應(yīng)0食店,CENTER對(duì)應(yīng)getWidth()/2, RIGHT對(duì)應(yīng)getWidth()

2.2 setStyle() 設(shè)置畫筆樣式

  • Paint.Style.FILL 只繪制圖形內(nèi)容
  • Paint.Style.STROKE 只繪制圖形輪廓(描邊)
  • Paint.Style.FILL_AND_STROKE 既繪制輪廓也繪制內(nèi)容
    Paint.Style.STROKE.png

2.3 setFlags(int flags) 設(shè)置畫筆的flag

  • ANTI_ALIAS_FLAG 抗鋸齒
  • DITHER_FLAG 防抖動(dòng)

2.4 PathEffect setPathEffect(PathEffect effect) 設(shè)置路徑效果

7種路徑效果.png

需要注意的是岖瑰,繪制路徑時(shí)叛买,pathPaint.setStyle(Paint.Style.STROKE)畫筆的風(fēng)格要空心,否則蹋订,后果畫出的不是線率挣,而是一個(gè)不規(guī)則的區(qū)域。

這7種路徑效果露戒,暫時(shí)還不能區(qū)分椒功,先暫時(shí)知道有這么7種效果捶箱,等到實(shí)現(xiàn)具體需求了再深入了解

  • CornerPathEffect 拐角處變圓滑
  • DashPathEffect 可以用來繪制虛線,用一個(gè)數(shù)組來設(shè)置各個(gè)點(diǎn)之間的間隔动漾,phase控制繪制時(shí)數(shù)組的偏移量
  • PathDashPathEffectDashPathEffect類似 丁屎,可以設(shè)置顯示的點(diǎn)的圖形,例如圓形的點(diǎn)
  • DisCreatePathEffect 線段上會(huì)有許多雜點(diǎn)
  • ComposePathEffect 組合兩個(gè)PathEffect旱眯,將兩個(gè)組合成一個(gè)效果

3 其他

剩下的方法晨川,試一下就曉得效果了

  • setTextScaleX(float f) 設(shè)置縮放,0f到1f為縮小删豺,大于1f為放大
  • setUnderlineText(booelan b) 設(shè)置下劃線
  • setStrikeThruText (boolean strikeThruText) 設(shè)置文本刪除線
  • setTextSize(float f) 設(shè)置文字字體大小
  • getFontSpacing()得到行間距
  • descent()得到descent的值
  • ascent() 得到asccent的值
  • getLetterSpacing() 字母間距
    關(guān)于字體的常用的方法差不多就這些了共虑。漏掉的,用到了再補(bǔ)充呀页。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末妈拌,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子蓬蝶,更是在濱河造成了極大的恐慌尘分,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,755評(píng)論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件丸氛,死亡現(xiàn)場(chǎng)離奇詭異培愁,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)缓窜,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,305評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門竭钝,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人雹洗,你說我怎么就攤上這事香罐。” “怎么了时肿?”我有些...
    開封第一講書人閱讀 165,138評(píng)論 0 355
  • 文/不壞的土叔 我叫張陵庇茫,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我螃成,道長(zhǎng)旦签,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,791評(píng)論 1 295
  • 正文 為了忘掉前任寸宏,我火速辦了婚禮宁炫,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘氮凝。我一直安慰自己羔巢,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,794評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著竿秆,像睡著了一般启摄。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上幽钢,一...
    開封第一講書人閱讀 51,631評(píng)論 1 305
  • 那天歉备,我揣著相機(jī)與錄音,去河邊找鬼匪燕。 笑死蕾羊,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的帽驯。 我是一名探鬼主播肚豺,決...
    沈念sama閱讀 40,362評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼界拦!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起梗劫,我...
    開封第一講書人閱讀 39,264評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤享甸,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后梳侨,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體蛉威,經(jīng)...
    沈念sama閱讀 45,724評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,900評(píng)論 3 336
  • 正文 我和宋清朗相戀三年走哺,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了蚯嫌。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,040評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡丙躏,死狀恐怖择示,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情晒旅,我是刑警寧澤栅盲,帶...
    沈念sama閱讀 35,742評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站废恋,受9級(jí)特大地震影響谈秫,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜鱼鼓,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,364評(píng)論 3 330
  • 文/蒙蒙 一拟烫、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧迄本,春花似錦硕淑、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,944評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)稠氮。三九已至,卻和暖如春半开,著一層夾襖步出監(jiān)牢的瞬間隔披,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,060評(píng)論 1 270
  • 我被黑心中介騙來泰國(guó)打工寂拆, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留奢米,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,247評(píng)論 3 371
  • 正文 我出身青樓纠永,卻偏偏與公主長(zhǎng)得像鬓长,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子尝江,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,979評(píng)論 2 355

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