如何创建自定义UIWebView页面

时间:2012-12-30 07:47:04

标签: iphone objective-c ios uiwebview

对于某些编码问题并不感到惊讶。只需要知道制作自定义网页视图的正确策略。

我正在使用NSXMLParser,我已经成功地在一个包含缩略图,标题和其他标签的tableview中解析了一个wordpress博客。

我还成功创建了一个UIWebView,以下列方式显示博客帖子:

Output

我想要的是从标题,图像开始自定义外观,然后是博客文章写的内容。例如,Mashable的iPhone应用程序,显示博客帖子,但它们看起来不像通用的uiwebview帖子

What i want

  1. 因为我已经在应用程序中解析了很多内容。我是否需要在视图控制器中创建标签和图像等,并从网站上抽出一天来填充它们。
  2. 或者还有其他方法可以让UIWebView只显示我想要的博客文章中的项目。

1 个答案:

答案 0 :(得分:2)

Mashable网站是移动网站(即检测移动设备的网站,提供非常适合移动设备的HTML变体)和基本上提供标准的移动应用程序的混合{{1自定义工具栏(包含电子邮件,推文,fb链接等),以及底部的广告。

尝试解析标准网站以呈现适合移动设备的呈现并不谨慎。首先,您应该使用适当的适合移动设备的网站。 (作为Mashable所做的证据,请访问他们在iPhone Safari中的网站,你会发现你也很喜欢那里的外观和感觉。)然后,你可以决定是否还要部署一个应用程序,以方便从移动设备导航此网站。

就我个人而言,我认为一个应用程序只是一个在UIWebView周围的薄包装,在一些适合移动设备的网站中导航并不是非常引人注目。您需要为用户提供一些重要的价值主张,超越典型的移动网站。您必须证明用户安装应用程序所花费的时间和精力。仅仅因为您在自定义应用程序的自定义生态系统中喜欢它们,并不意味着它对它们有意义。您需要为用户提供有价值的参与。 (并且对Mashable没有任何冒犯,他们可能是一个糟糕的例子。它感觉不够那里。一些不错的新闻应用程序,如 Bloomberg,The Economist,甚至可能是 WSJ 纽约时报可能是定制属性的一个更好的例子,提供足够的用户体验优势来证明使用他们的应用程序。)

撇开这个更广泛的问题,你问了几个战术问题:

  • 要获取该自定义标题栏,您只需创建控件以在Storyboard或NIB中呈现该工具栏。那里没什么特别复杂的。

  • 要仅显示UIWebView中的特定网页,您应使控制器符合UIWebViewDelegate,将控制器设置为UIWebView delegate },并实施shouldStartLoadWithRequest