手機(jī)APP開(kāi)發(fā)是如何控制文本樣式的

我們上網(wǎng)不管在手機(jī)端還是PC端，能夠看到精美的網(wǎng)頁(yè)，是因?yàn)闉g覽器支持CSS樣式，但是在APP開(kāi)發(fā)工具里面，文本樣式的控制還停留在字號(hào)大小層面上，CSS可以簡(jiǎn)單控制的文本樣式想要在APP里面顯示的一樣漂亮并非易事。而如今手機(jī)、平板已成為我們主要的閱讀設(shè)備，只要涉及資訊閱讀的APP開(kāi)發(fā)都需要解決這一問(wèn)題，本篇就簡(jiǎn)單介紹下主流APP開(kāi)發(fā)時(shí)是如何來(lái)控制文本樣式的：

一、簡(jiǎn)單粗暴的使用開(kāi)發(fā)工具控制

文本展示最簡(jiǎn)單粗暴的就是用程序語(yǔ)言直接呈現(xiàn)文本，原生iOS應(yīng)用的文本樣式控制缺少常用的文字行間距控制，而且只能以整體區(qū)域?yàn)閱挝豢刂茦邮健６鳤ndroid開(kāi)發(fā)工具下使用TextView理論上可以寫(xiě)出更多的文本樣式，但也比較難控制。使用程序語(yǔ)言來(lái)實(shí)現(xiàn)文本樣式只能適和較少文字的展示，當(dāng)需要展示較多文字時(shí)，則會(huì)相當(dāng)難看。

 

二、H5承載頁(yè) + WebView

鑒于原生開(kāi)發(fā)工具在文本樣式上控制的局限性，行業(yè)內(nèi)成熟的APP開(kāi)發(fā)都采用了Native+Web的混合視圖，即在APP中嵌入瀏覽器框架，加載HTML網(wǎng)頁(yè)。這樣就可以完美的呈現(xiàn)富文本樣式。這樣的方式需要建立獨(dú)立的H5站點(diǎn)，考慮到資訊頁(yè)面一般都需要以鏈接的方式分享到站外，所以大都數(shù)閱讀類(lèi)的APP都是同時(shí)開(kāi)發(fā)H5站和APP，利用一個(gè)后臺(tái)提供內(nèi)容給H5站和APP。

在APP中嵌入瀏覽器加載內(nèi)容唯一的缺點(diǎn)就是加載速度相對(duì)慢一些。但普通用戶(hù)基本上看不出區(qū)別，所以是當(dāng)前最流行的實(shí)現(xiàn)方式;

 

三、使用DTCoreText等文字效果代碼類(lèi)庫(kù)(iOS平臺(tái))

H5承載頁(yè) + 內(nèi)嵌瀏覽器框架的方式雖然可以完美的呈現(xiàn)文本內(nèi)容，但加載速度會(huì)慢一些，而且展示風(fēng)格會(huì)有一點(diǎn)點(diǎn)突兀;那么還有一種方法就是使用DTCoreText;

DTCoreText 是一個(gè)功能十分強(qiáng)大的文字效果代碼類(lèi)庫(kù)。在UITextView上實(shí)現(xiàn)十分豐富的文字效果，包括文字大小、顏色、字體、下劃線(xiàn)，鏈接，給文字加上圖片、視頻，文字任意間距等等。實(shí)現(xiàn)類(lèi)似于CSS網(wǎng)頁(yè)的文字效果。

 

以上分享希望能給APP開(kāi)發(fā)的產(chǎn)品經(jīng)理或設(shè)計(jì)師對(duì)這方面的知識(shí)有個(gè)初步了解。