手機APP開發是如何控制文本樣式的

我們上網不管在手機端還是PC端，能夠看到精美的網頁，是因為瀏覽器支持CSS樣式，但是在APP開發工具里面，文本樣式的控制還停留在字號大小層面上，CSS可以簡單控制的文本樣式想要在APP里面顯示的一樣漂亮并非易事。而如今手機、平板已成為我們主要的閱讀設備，只要涉及資訊閱讀的APP開發都需要解決這一問題，本篇就簡單介紹下主流APP開發時是如何來控制文本樣式的：

一、簡單粗暴的使用開發工具控制

文本展示最簡單粗暴的就是用程序語言直接呈現文本，原生iOS應用的文本樣式控制缺少常用的文字行間距控制，而且只能以整體區域為單位控制樣式。而Android開發工具下使用TextView理論上可以寫出更多的文本樣式，但也比較難控制。使用程序語言來實現文本樣式只能適和較少文字的展示，當需要展示較多文字時，則會相當難看。

 

二、H5承載頁 + WebView

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

在APP中嵌入瀏覽器加載內容唯一的缺點就是加載速度相對慢一些。但普通用戶基本上看不出區別，所以是當前最流行的實現方式;

 

三、使用DTCoreText等文字效果代碼類庫(iOS平臺)

H5承載頁 + 內嵌瀏覽器框架的方式雖然可以完美的呈現文本內容，但加載速度會慢一些，而且展示風格會有一點點突兀;那么還有一種方法就是使用DTCoreText;

DTCoreText 是一個功能十分強大的文字效果代碼類庫。在UITextView上實現十分豐富的文字效果，包括文字大小、顏色、字體、下劃線，鏈接，給文字加上圖片、視頻，文字任意間距等等。實現類似于CSS網頁的文字效果。

 

以上分享希望能給APP開發的產品經理或設計師對這方面的知識有個初步了解。