安卓开发人员关系网

2024-01-06 12:56| 来源: 网络整理| 查看: 265

利用echarts的关系图编写html，在用安卓的webview加载这个html实现最终的效果。

一、demo展示

二、html编写

自行参考echarts官网配置项，更改图表样式，由于图片跨域问题，单独用浏览器打开会报错，可自已更换symbol属性中的图片地址。

relationNet.html

activity_main.xml

MainActivity.java

package cn.xkw.myapplication; import android.net.http.SslError; import android.os.Build; import android.os.Bundle; import android.webkit.SslErrorHandler; import android.webkit.WebChromeClient; import android.webkit.WebSettings; import android.webkit.WebView; import android.webkit.WebViewClient; import androidx.appcompat.app.AppCompatActivity; import java.lang.reflect.InvocationTargetException; import java.lang.reflect.Method; public class MainActivity extends AppCompatActivity { WebView webView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initWebView(); } public void initWebView(){ webView = (WebView) findViewById(R.id.relation_net_webView); try { if (Build.VERSION.SDK_INT >= 16) { Class clazz = webView.getSettings().getClass(); Method method = clazz.getMethod( "setAllowUniversalAccessFromFileURLs", boolean.class);//利用反射机制去修改设置对象 if (method != null) { method.invoke(webView.getSettings(), true);//修改设置 } } } catch (IllegalArgumentException e) { e.printStackTrace(); } catch (NoSuchMethodException e) { e.printStackTrace(); } catch (IllegalAccessException e) { e.printStackTrace(); } catch (InvocationTargetException e) { e.printStackTrace(); } webView.setWebChromeClient(new WebChromeClient()); // 覆盖WebView默认使用第三方或系统默认浏览器打开网页的行为，使网页用WebView打开 webView.setWebViewClient(new WebViewClient() { @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { view.loadUrl(url); return true; } @Override public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) { handler.proceed(); //表示等待证书响应 } @Override public void onPageFinished(final WebView view, String url) { super.onPageFinished(view, url); } }); WebSettings webSettings = webView.getSettings(); // 设置http与https共存 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) { webSettings.setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW); } webSettings.setAllowFileAccessFromFileURLs(true); // 设置跨域 webSettings.setJavaScriptCanOpenWindowsAutomatically(true); // js可以直接打开窗口 webSettings.setJavaScriptEnabled(true); // 是否允许执行js webSettings.setAllowFileAccessFromFileURLs(true); // 设置跨域 webSettings.setBlockNetworkImage(false); // 图片显示 webSettings.setDomStorageEnabled(true); // DOM Storage webSettings.setAllowFileAccess(true); // 设置可以访问文件 webSettings.setLoadsImagesAutomatically(true); // 支持自动加载图片 webSettings.setDefaultTextEncodingName("utf-8"); // 设置编码格式 webView.loadUrl("file:///android_asset/relationNet.html"); } }

AndroidManifest.xml

目录结构

四、参考文章

echarts关系图，节点以圆形图片显示：

https://blog.csdn.net/qq_36072384/article/details/85319126

webView显示h5的坑：

https://www.jianshu.com/p/1c2b02b14432

canvas裁剪图片：

https://blog.csdn.net/vivian_jay/article/details/68933161

【本文地址】

公司简介

联系我们

今日新闻

推荐新闻

专题文章