Cách chia nhỏ Epub Html thành các trang theo kích thước màn hình

Question

Tôi đang phát triển một ứng dụng Android đọc sách điện tử (ở định dạng epub) và hiện tại tôi đang sử dụng thư viện epublib của Paul Siegeman thực sự là một trình đọc epub rất tốt nhưng nó có một số hạn chế, ví dụ và cái tôi cần, bạn không thể di chuyển qua các trang theo chiều ngang (khi bạn đọc một cuốn sách thực) vì vậy tôi cần thực hiện riêng của nó, nhưng tôi bị kẹt.

Phương pháp mà thực sự đọc epub và sau đó đặt nó bên trong một webview là tiếp theo:

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); 

} 

Vì vậy, như bạn thấy tôi hiển thị ebook trong một webview nên như xa như tôi biết khả năng duy nhất di chuyển webview cho là lên/xuống.

Tôi đã suy nghĩ về việc tách chuỗi html getData() trả về và lượt xem webview thành các trang và hiển thị từng trang một với một người xem, nhưng cách tách html đúng theo kích thước màn hình?

Bạn có nghĩ rằng với ý tưởng này tôi đang đi đúng hướng không? Bất kỳ giải pháp nào khác để hiển thị epub từ trái sang phải/phải sang trái (phân trang) hoặc bất kỳ thư viện "miễn phí hoặc rẻ tiền" nào khác để làm như vậy? (Tôi đã thử PageTurner, nó thực sự tốt, nhưng phiên bản thương mại quá đắt đối với tôi)

Answer 1

Làm theo tài khoản github này.

FbReader cung cấp một số thư viện tuyệt vời cho trình đọc epub và pdf. Hãy thử điều này ....

hay

Bạn có thể Make riêng WebView tùy chỉnh của bạn bằng cách mở rộng WebView. Ở đây bạn có thể đặt và sửa đổi tất cả các chức năng mà bạn muốn từ WebView của mình.

Đồng nghiệp của tôi đã thực hiện một trình đọc bằng FbReader này và nó thật tuyệt vời.

Answer 2

Xin chào, tôi nghĩ điều này sẽ giúp ích cho bạn. Câu trả lời của Nacho L đã làm việc cho tôi. Ở đây HTML book-like pagination?

Answer 3

Tôi đã làm ảnh hưởng pagination trong android như thế này ..

-> tạo một lớp tùy chỉnh webview.
-> đặt dưới đây khách hàng và tải url sau đó bạn sẽ nhận được cuộn ngang với số lượng trang.
-> Khóa cuộn mặc định của chế độ xem web.
-> Để có hiệu ứng phân trang trơn tru thay vì di chuyển chế độ xem web, hãy di chuyển toàn bộ webview để một trang có một chế độ xem web.
-> Sử dụng trình xem của riêng bạn để đệm các trang trước và trang tiếp theo.


Tôi đã thực hiện tất cả các triển khai này và tôi đã tạo ra một sản phẩm cho tổ chức.Chỉ cần tôi chia sẻ ý tưởng của mình cách tiếp cận với giải pháp tốt nhất.Đang sử dụng cách phân biệt thứ ba và bị kẹt ở giữa do giới hạn của sdk đó , làm mọi thứ của riêng bạn.

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(); 
    } 

một bạn nạp url để