Android WebView 页面过渡对内容变化的影响（页面卷曲）答案

【问题标题】：Android WebView page transition effects on content changes (page curl)Android WebView 页面过渡对内容变化的影响（页面卷曲）
【发布时间】：2015-11-03 13:28:33
【问题描述】：

我想在 内容更改 后在 WebView 上实现原生页面过渡卷曲效果（也就是说，页面没有被重新加载！）。

一种常见的解决方案是在加载新页面之前使用动画，例如带有自定义 WebViewClient: https://stackoverflow.com/a/8319579/1684030

但是，这仅在实际正在加载新页面时才有效。在我的情况下，我有一个 WebView 显示一个 JavaScript 应用程序，它只是切换 div （“单页应用程序”）的内容。使用 javascript 对这些内容更改进行动画处理会导致解决方案滞后，因此我想尝试在本地实现它。

对于 iOS，这似乎是可能的（UIPageViewController with only one content view controller - 我知道，Android OS 和 iOS 不太可比，我只想提一下），我问自己是否也有类似的解决方案适用于 Android .

【问题讨论】：

必须尝试使用 JavaScript Bridge？虽然已经很久了！你解决了这个问题吗？

标签： android android-webview android-transitions page-curl

【解决方案1】：

您可以使用 javaScript bridge 来调用您的 Java 方法，该方法在 webView 上执行 curl 过渡效果。

mWebView.addJavaScriptInterface(new JsObject, "injectedObject");

参考：Android developers - JS Interface

有一些实现JS bridge in Github。

【讨论】：