《webview实现epub阅读器详解》.pdf

webview实现epub阅读器详解 主讲：eoe移动开发者社区 移动老师 课程地址：/course/座机电话号码72 简易epub阅读器 Webview River /river座机电话号码56 目 录 1 Epub格式介绍，解析 2 Epub简易阅读器需求分析 3 Webview基础设置 4 Webview加载HTML机制 5 Epub简易阅读器细节完善 预 览 epub阅读器主内容前两屏效果图 Epub介绍，解析 Epub解析步骤 ? 解压epub ? 解析META-INF/container.xml文件 ? 解析opf文件 ? 解析ncx文件 Epub例子获取地址 /thread-238712-1-1.html Epub简易阅读器需求分析 简易需求分析 ? 显示Epub 内容（读取html文件，加入css加载） ? 内容分屏显示（/css/multicolumn.html ） ? 左右翻页（webview 自带方法ScrollTo ） html + padding: +marginSpace+px 0px +marginSpace+px + marginSpace+px; height: + h-marginSpace*2 +px; + -webkit-column-gap: +marginSpace+px; + -webkit-column-width: + w-marginSpace +px; + width : + w-marginSpace +px; + + img + display: block; + margin-left: auto; + margin-right: auto; + max-height: 100% !important; + max-width: 100% !important; + height : auto !important; + ; Webview基础设置 基础设置 ? 启用JavaScript ? 禁用webview 的scrollbar ? 设置EpubWebviewClient 得到on ? 设置EpubWebChromeClient 得到onProgressChanged 以及onConsoleMessage ? 设置webview 的OnTouchListener监听 ? 如何将js 中的值传到Java代码中 Webview加载机制 1 ：初始化三个Webview ，分别命名为PreWebview ，CurWebview ，以及 NextWebview ；其中CurWebview显示，其余的则隐藏； 2 ：当我们第一次加载HTML时，先取出我们解析出来的第一个使用 CurWebview进行加载； 3 ：在渲染的同时开AsyncTask ，使用NextWebview预加载第二个HTML ； 4 ：当我们将第一个（CurWebview ）HTML翻至最后一屏时，我们则将已 经预加载好的NextWebview显示并“赋给”CurWebview ，而之前真正的 CurWebview则将其“赋给”PreWebview。 依此类推，当我们向前面翻页的时候，我们在预加载先前的页面时也 能用这种方式，唯一不同的是，我们需要的是“减法” Epub简易阅读器细节完善 细节完善 ? 分辨率的问题 ? 记住你读到第几页第几屏并 记入数据库 ? 使用js 的scrollTo来定位 ? 百分比的显示（小诀窍） ? epub 目录解析 ? 目录的跳转 ? 书签等小功能完善 eoe一直在努力，谢谢！ River /river座机电话号码56 9