百度MUX設(shè)計(jì):Android設(shè)備文字間距的秘密
說(shuō)了半天怕大家看不懂我在說(shuō)什么,我先舉個(gè)例子這樣會(huì)看的直觀一些,假設(shè)在工作中做一個(gè)界面,需要標(biāo)注2組文字之間的間距
當(dāng)標(biāo)注黑色字體與下面灰色字體的間距時(shí),我是這樣標(biāo)注的,從上面字體g的末端開(kāi)始測(cè)量到下面灰色字體的***點(diǎn)結(jié)束也就是字母h和d的頂點(diǎn),這樣標(biāo)注不會(huì)出什么大的紕漏,但是當(dāng)開(kāi)發(fā)出來(lái)的時(shí)候你會(huì)發(fā)現(xiàn)效果還是和你的設(shè)計(jì)有一定的差距需要調(diào)試很多遍才能達(dá)到你想要的效果,為什么呢?是因?yàn)樽煮w間的距離我門(mén)量錯(cuò)了。其實(shí)開(kāi)發(fā)在寫(xiě)字體的時(shí)候也叫textview,我們可以理解成一個(gè)文本框,字其實(shí)不是頂滿這個(gè)框的,是有一定留白的。
可以看出當(dāng)文字獨(dú)立存在不需要和周邊進(jìn)行標(biāo)注間距時(shí)是沒(méi)有必要知道這個(gè)框體的大小的,只要和周圍的字體還是圖標(biāo)或者是按鈕需要標(biāo)注時(shí),都需要知道確切的位置。有的人該問(wèn)了,我怎么才能知道這些框體的大小呢?知道后會(huì)有什么好處呢?
知道字體的實(shí)際區(qū)域我們?cè)谧鲈O(shè)計(jì)的時(shí)候就可以很整齊的布局,方便開(kāi)發(fā),又可以給出精準(zhǔn)的標(biāo)注。尤其是在特殊的界面用一些比較大的字號(hào)時(shí),空白的大小最不好掌握,所以必須要知道準(zhǔn)確的文本框大小。也可以在后期優(yōu)化中幫助我門(mén)來(lái)校對(duì)界面。
那有的同學(xué)該問(wèn)了,我怎么知道不同的字號(hào)的實(shí)際的邊框是多大呢?有一個(gè)比較笨的方法,就是在Android手機(jī)里的設(shè)置界面有一個(gè)選項(xiàng)叫開(kāi)發(fā)者選項(xiàng),進(jìn)入后找到顯示布局邊界,然后選中,這時(shí)我們?cè)谑謾C(jī)里就可以看到各種布局的線,其中我們就可以發(fā)現(xiàn)字的這種邊框大小。不過(guò)這樣比較麻煩,這一次我整理了2套分辨率的一些常用字體的邊框大小。