JS分页后JS for webview android的页面卷曲

时间:2014-02-13 16:52:50

标签: javascript android jquery android-webview page-curl

好的,所以我坚持这个问题一个星期,无法提出解决方案。我把epub书加载到webview android中。我使用jquery分页使其水平,所以现在我的书水平滚动。但我想在翻页中添加动画。现在每个页面在分页后都是一列。添加动画的最佳方法是什么?在android中使用Page curl库或使用javascript / jquery。

这是我到目前为止所做的事情。这是将书籍加载到webview后的代码

webview.loadDataWithBaseURL("file://"+Environment.getExternalStorageDirectory()+"/books/", linez, "text/html", "utf-8", null);

现在我在pagefinished上使用js来添加水平分页。如何,在哪里以及需要添加什么才能翻转?

    webview.setWebViewClient(new WebViewClient() {
        @SuppressLint("NewApi")
        public void onPageFinished(WebView view, String url) {
            String js = "";
            //js.append("<html>"+"<head>");
            String data = "";
            try{
                InputStream is = assetManager.open("initialize.js");
                InputStreamReader isr = new InputStreamReader(is);
                BufferedReader br = new BufferedReader(isr);

                String jLine="";
                while((jLine=br.readLine())!=null){
                    data = 
                            js+=jLine;
                }
                is.close();
            }
            catch(Exception e){
                e.printStackTrace();
            }


            webview.loadUrl("javascript:(" + js + ")()");
        }
    });

0 个答案:

没有答案