如何根据屏幕大小将Epub Html拆分为多个页面

时间:2013-09-23 16:24:38

标签: android webview pagination epub

我正在开发一个能够读取电子书(以epub格式)的Android应用程序,而且现在我正在使用Paul Siegeman的epublib库,它实际上是一个非常好的epub阅读器,但它有一些限制,例如和我需要,你不能水平移动页面(因为你读一本真实的书)所以我需要自己实现它,但我被卡住了。

实际读取epub然后将其放入webview的方法是下一个:

private void openEpub(String bookFilename){

    WebView webView = (WebView) findViewById(R.id.webView);

    nl.siegmann.epublib.domain.Book book=null;
    try {
        book = (new EpubReader()).readEpub(new FileInputStream(Environment.getExternalStorageDirectory().getPath() + "/" + bookFilename));
    } catch (FileNotFoundException e) {
        e.printStackTrace();
    } catch (IOException e) {
        e.printStackTrace();
    }

    String baseUrl = Environment.getExternalStorageDirectory().getPath() + "/";
    String data=null;
    try {
        data = new String(book.getContents().get(1).getData());
    } catch (IOException e) {
        e.printStackTrace();
    }
    webView.loadDataWithBaseURL(baseUrl, data, "text/html", "UTF-8", null);

}

所以当你看到我在webview中显示电子书时,据我所知,webview给出的唯一滚动可能性是上/下。

我正在考虑拆分getData()返回的html字符串,并将webview加载到页面中并使用viewpager逐个显示它们,但是如何根据屏幕大小正确拆分html?

你觉得这个想法我是正确的吗?任何其他解决方案显示从左到右/从右到左(分页)或任何其他“免费或廉价”库的epub? (我试过PageTurner,它真的很棒,但商业版对我来说太贵了)

3 个答案:

答案 0 :(得分:9)

我在这样的机器人中做过分页效果..

- >创建自定义webview类 - >设置在客户端下方并加载网址,然后您将获得包含页数的水平滚动 - >锁定webview默认滚动。
- >为了获得平滑的分页效果而不是移动webview的滚动,请移动整个webview,以便在一个页面上有一个webview。
- >使用您自己的viewflippers来缓冲上一页和下一页

我已经完成了所有这些实现,并且我为组织制作了一个产品。我正在分享我的想法如何寻求最佳解决方案。由于sdk的限制而不是使用第三方并且在中间停留,让每件事都成为你的自己的。

private class MyWebClient extends WebViewClient
    {
        @Override
        public void onPageStarted(WebView view, String url, Bitmap favicon) {

            super.onPageStarted(view, url, favicon);
        }
        @Override
        public void onPageFinished(WebView view, String url) 
        {
            super.onPageFinished(view, url);

            final MyWebView myWebView = (MyWebView) view;


                String varMySheet = "var mySheet = document.styleSheets[0];";

                String addCSSRule = "function addCSSRule(selector, newRule) {"
                        + "ruleIndex = mySheet.cssRules.length;"
                        + "mySheet.insertRule(selector + '{' + newRule + ';}', ruleIndex);"

                        + "}";

                String insertRule1 = "addCSSRule('html', 'padding: 0px; height: "
                        + (myWebView.getMeasuredHeight()/getContext().getResources().getDisplayMetrics().density )
                        + "px; -webkit-column-gap: 0px; -webkit-column-width: "
                        + myWebView.getMeasuredWidth() + "px;')";



                myWebView.loadUrl("javascript:" + varMySheet);
                myWebView.loadUrl("javascript:" + addCSSRule);
                myWebView.loadUrl("javascript:" + insertRule1);




        }
    }

    private class MyWebChromeClient extends WebChromeClient
    {
        @Override
        public void onProgressChanged(WebView view, int newProgress) 
        {
            super.onProgressChanged(view, newProgress);

            if(newProgress == 100)
            {
                postDelayed(new Runnable() 
                {
                    @Override
                    public void run() 
                    {
                        calculateNoOfPages();
                    }       

                },200);
            }
        }
    }
private void calculateNoOfPages()
    {
        if(GlobalSettings.EPUB_LAYOUT_TYPE == GlobalConstants.FIXED)
        {

        }
        else
        {
            if(getMeasuredWidth() != 0)
            {
                int newPageCount = computeHorizontalScrollRange()/getMeasuredWidth();
                getData().getChapterVO().setPageCount(newPageCount);

            }
        }
    }
@Override
    public int computeHorizontalScrollRange() {
        // TODO Auto-generated method stub
        return super.computeHorizontalScrollRange();
    }

你加载网址

答案 1 :(得分:2)

关注此github帐户。

FbReader为epub和pdf阅读器提供了一些很棒的库。试试这个....

您可以通过扩展WebView 制作自己的自定义WebView。在这里,您可以从WebView中放置和修改所需的所有功能。

我的同事使用这个FbReader做了一个读者,这太棒了。

答案 2 :(得分:1)

嘿,我认为这会对你有所帮助。 Nacho L的答案为我工作。这里HTML book-like pagination