Android 使用WebView控件展示SVG图
1.添加布局界面代码：
1 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
2 xmlns:tools="http://schemas.android.com/tools"
3 android:layout_width="match_parent"
4 android:layout_height="match_parent"
5 android:orientation="vertical" >
6
7 <Button
8 android:id="@+id/btnGetSVG"
9 android:layout_width="120dp"
10 android:layout_height="50dp"
11 android:text="Getmage" />
12
13 <WebView
14 android:id="@+id/webView"
15 android:layout_width="600dp"
16 android:layout_height="400dp" />
17
18 </LinearLayout>
2.添加java代码：
1 package com.example.testdemo;
2
3 import android.app.Activity;
4 import android.os.Bundle;
5 import android.os.Environment;
6 import android.view.View;
7 import android.webkit.WebSettings;
8 import android.webkit.WebView;
9 import android.widget.Button;
10
11 public class MainActivity extends Activity {
12
13 private Button btnGetSVG;
14 private WebView webView;
15
16 @Override
17 public void onCreate(Bundle savedInstanceState) {
18 super.onCreate(savedInstanceState);
19 setContentView(R.layout.activity_main);
20
21 btnGetSVG = (Button) findViewById(R.id.btnGetSVG);
22 webView = (WebView) findViewById(R.id.webView);
23 btnGetSVG.setOnClickListener(new View.OnClickListener() {
24 public void onClick(View v) {
25 readHtmlFormAssets();
26 }
27 });
28
29 }
30
31 // 读取SVG文件方法
32 private void readHtmlFormAssets() {
33 WebSettings webSettings = webView.getSettings();
34 webSettings.setLoadWithOverviewMode(true);
35 webSettings.setJavaScriptEnabled(true);
36 webSettings.setUseWideViewPort(true);
37 webView.getSettings().setBuiltInZoomControls(true);// 会出现放大缩小的按钮
38 webView.getSettings().setSupportZoom(true);
39 webView.getSettings().setSupportMultipleWindows(true);
40 webView.setInitialScale(75);
41
42 try {
43 // SVG图所在路径
44 String svg_path = "file://"
45 + Environment.getExternalStorageDirectory()
46 + "/svg/115.svg";
47
48 if (svg_path.contains("#")) {
49 svg_path = svg_path.replaceAll("#", "%23");
50 }
51 webView.loadUrl(svg_path);
52
53 } catch (Exception e) {
54 e.printStackTrace();
55 }
56 }
57 }
