《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