Android 使用crosswalk实例

来源：互联网发布：走淘宝的微商编辑：程序博客网时间：2024/06/04 20:01

前些日子在使用webview的时候，html的页面在用webview的时候，一些元素无法渲染出来，于是尝试了crosswalk，但是项目的大小会增加。具体操作如下：

1.Android studio导入：

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

compile 'org.xwalk:xwalk_core_library:18.48.477.13'

2.在activity中使用：


public static final String WEB_URL = "web_url";
@BindView(R.id.tv_web_err)
TextView tvWebErr;
@BindView(R.id.web_view)
XWalkView webView;

private String mUrl;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
mUrl = getIntent().getStringExtra(WEB_URL);
setContentView(R.layout.activity_game_detail);
ButterKnife.bind(this);
webView.load(mUrl,null);
XWalkPreferences.setValue(XWalkPreferences.REMOTE_DEBUGGING, true);
}


@OnClick(R.id.btn_back)
public void onClick() {
    finish();
}

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

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

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

3.xml中直接用组件进行声明：

<org.xwalk.core.XWalkView
     android:id="@+id/web_view"
     android:layout_width="fill_parent"
     android:layout_height="fill_parent"
     android:background="@color/white"
     android:orientation="vertical"/>

以上只是简单的用法。

0 1