iT邦幫忙

DAY 14
19

我愛吃蘋果系列 第 14

 [iPhone程式設計 之 iT邦幫忙 App] UIWebView or UITextView 

  • 分享至 

  • twitterImage
  •  

要如何呈現文章在iPhone上?我必需選擇適當的UI元件,才能省力且顯示的漂亮~
要顯示大量文字,直覺想到的就是用UITextView,不過弄了一會兒發現,除了文字外,文章裡還有圖和表情符號等...其它的元素,那用UITextView的話就無法表達出來了。

可是如果用UIWebView來直接顯示文章的網頁內容呢?雖然iPhone能99%完整地顯示iThelp網頁,但有兩個缺點:

  1. 網頁的版面太亂,必需直接將要顯示範圍的座標寫死(hard code),才有發法直接顯示要呈現的網頁區塊,但hard ocde 最大的缺點是,只要網頁版面一有更動,iPhone上的顯示也就立刻亂掉。

  2. 網頁上的資料太多還有廣告,用UIWebView的話,整個網頁都能看,使用者很容易或不小心移動畫面,要再捲回原來的位置,總是比較麻煩。

所以怎麼辦呢?我第一個想法是,如果只把文章的html碼給parse出來後,直接餵給UIWebView,這樣就只會顯示我餵進去的HTML了!

那麼UIWebView可以直接吃HTML 的字串嗎?馬上翻查了一下文件和拜拜Google大神!真的可以耶,連JavaScript也餵的進去呢!
所以我要做的事有:

  1. Parse HTML, 取出要顯示的文章HTML片段
  2. 處理圖片大小,iThelp的表情圖示真的很大一個,還有文章裡有貼圖的話,得把它網成適合iPhone的螢幕大小

得動手作一些小實驗,來看看我的想法可不可行~


上一篇
 [iPhone程式設計 之 iT邦幫忙 App] iThelp App 大改版 
下一篇
 [iPhone程式設計 之 iT邦幫忙 App] Parse HTML 的瓶頸 
系列文
我愛吃蘋果30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言