Android 使用crosswalk实例

最新推荐文章于 2025-04-14 13:55:00 发布

辉辉菜

最新推荐文章于 2025-04-14 13:55:00 发布

阅读量3.3k

点赞数 2

分类专栏： Java

本文链接：https://blog.youkuaiyun.com/u011633245/article/details/52458331

版权

Java 专栏收录该内容

9 篇文章

订阅专栏

当HTML页面在Android的WebView中遇到渲染问题时，采用Crosswalk可以解决，但会增加应用体积。本文介绍了如何在Android Studio中导入Crosswalk库，以及在Activity和XML布局文件中使用XWalkView的基本步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前些日子在使用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"/>

以上只是简单的用法。