Crosswalk 集成到 Android Studio

Crosswalk介绍：

Crosswalk是一款开源的Web引擎，其基于 Chromium/Blink 的应用运行环境，对于混合开发的轻量级应用尤为受欢迎。

Crosswalk项目的优势：

• 最大限度降低Android碎片化的影响，得到一致的，可预测的行为。
• 使用最新的Web技术及API。在Android 4.0+版本上提供丰富的功能。
• 使用Chrome DevTools轻松调试。
• 提升应用中HTML，CSS和JavaScript的性能。

总之，Crosswalk就是替代Android中WebView的一个开源库。
官网：https://crosswalk-project.org

Crosswalk集成到AndroidStudio

1.首先在项目的build.greadle中声明maven仓库

    repositories {

        maven {
            url 'https://download.01.org/crosswalk/releases/crosswalk/android/maven2'
        }
        jcenter()
    }

2.在module下的build.greadle中添加依赖

compile 'org.xwalk:xwalk_core_library:21.51.546.7'

具体的版本号可以在这里面查看使用最新的。

3.在module下的build.greadle中添加

    productFlavors {
        armv7 {
            ndk {
                abiFilters "armeabi-v7a", ""
            }
        }
        x86 {
            ndk {
                abiFilters "x86", ""
            }
        }
    }

配置基本上到这就结束了，接下来就是敲代码啦啦啦~

1.activity_main.xml

    .xwalk.core.XWalkView
        android:id="@+id/xwalkWebView"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical" />

2.MainActivity.java

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        // turn on debugging
        XWalkPreferences.setValue(XWalkPreferences.REMOTE_DEBUGGING, true);
        xWalkWebView.load("http://www.baidu.com", null);
        // load local html file
        // xWalkWebView.load("localfile.html", null);
   }

    @Override
    protected void onPause() {
        super.onPause();
        if (xWalkWebView != null) {
            xWalkWebView.pauseTimers();
            xWalkWebView.onHide();
        }
    }

    @Override
    protected void onResume() {
        super.onResume();
        if (xWalkWebView != null) {
            xWalkWebView.resumeTimers();
            xWalkWebView.onShow();
        }
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        if (xWalkWebView != null) {
            xWalkWebView.onDestroy();
        }
    }

结果如图：

到这里就集成成功啦~

Project Here