Ereader风格的分页

Question

我从XML文件中获取文本数据,并希望它UIWebView在iPad上以书页式格式显示.XML文件来自a .epub,每个文件包含一本书的单个章节,仅由p标签划分.

我想根据它的大小UIWebView(一个完整的iPad屏幕)以及用户选择的字体大小动态地将这些文件分页为类似书的页面.我目前正在将一个带有相关css的空白html页面加载到a中UIWebView,根据XML中的字符串数量抓取段落,并将这些段落打印到html using StringByEvaluatingJavaScriptFromString和innerHTML属性中.

显然,通过字符数来执行此操作会产生间隔不当,格式错误的页面,但我不确定如何"分页"文本.

我想要做的是类似于iPad上的应用程序"eReader":http://www.ereader.com/.它们似乎是将一个文件动态分解为页面并将其加载到UIWebViews中.这是怎么做到的？

Answer 1

大多数基于 EPUB 的阅读器UIWebView只是使用 CSS3 Columns 来对文档进行分页。

您可以在http://www.quirksmode.org/css/multicolumn.html上查看此操作的实际情况

基本思想是对文档进行“分栏”，然后水平滚动以显示特定页面。

在为 iPhone 和 iPad 上的一款流行的（加拿大）电子阅读器应用程序完成此操作后，我可以告诉您，该技术有效，但远非理想。