如何在ImageView中使用SVG图像

Question

如何在ImageView中使用SVG图像

70

你好，我有一个SVG图像。我该如何将其添加到ImageView的背景中？

我尝试使用这个库。但是我遇到了问题：

01-25 12:19:02.669 27719-27719/com.dvor.androidapp E/AndroidRuntime: FATAL EXCEPTION: main
    android.view.InflateException: Binary XML file line #70: Error inflating class com.caverock.androidsvg.SVGImageView
    at android.view.LayoutInflater.createView(LayoutInflater.java:626)
    at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:702)
    at android.view.LayoutInflater.rInflate(LayoutInflater.java:761)
    at android.view.LayoutInflater.rInflate(LayoutInflater.java:769)
    at android.view.LayoutInflater.rInflate(LayoutInflater.java:769)
    at android.view.LayoutInflater.rInflate(LayoutInflater.java:769)
    at android.view.LayoutInflater.rInflate(LayoutInflater.java:769)
    at android.view.LayoutInflater.rInflate(LayoutInflater.java:769)
    at android.view.LayoutInflater.rInflate(LayoutInflater.java:769)
    at android.view.LayoutInflater.inflate(LayoutInflater.java:498)
    at android.view.LayoutInflater.inflate(LayoutInflater.java:398)
    at com.dvor.mobileapp.checkout.ShoppingCart.onCreateView(ShoppingCart.java:411)
    at android.support.v4.app.Fragment.performCreateView(Fragment.java:1786)
    at android.support.v4.app.FragmentManagerImpl.moveToState(FragmentManager.java:953)
    at android.support.v4.app.FragmentManagerImpl.moveToState(FragmentManager.java:1136)
   at android.support.v4.app.BackStackRecord.run(BackStackRecord.java:739)
   at android.support.v4.app.FragmentManagerImpl.execPendingActions(FragmentManager.java:1499)
   at android.support.v4.app.FragmentManagerImpl$1.run(FragmentManager.java:456)
   at android.os.Handler.handleCallback(Handler.java:730)
   at android.os.Handler.dispatchMessage(Handler.java:92)
   at android.os.Looper.loop(Looper.java:176)
   at android.app.ActivityThread.main(ActivityThread.java:5419)
   at java.lang.reflect.Method.invokeNative(Native Method)
   at java.lang.reflect.Method.invoke(Method.java:525)
   at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:1046)
   at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:862)
   at dalvik.system.NativeStart.main(Native Method)
                                                                          Caused by: java.lang.reflect.InvocationTargetException
   at java.lang.reflect.Constructor.constructNative(Native Method)
   at java.lang.reflect.Constructor.newInstance(Constructor.java:417)
   at android.view.LayoutInflater.createView(LayoutInflater.java:600)
   at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:702) 
   at android.view.LayoutInflater.rInflate(LayoutInflater.java:761) 
   at android.view.LayoutInflater.rInflate(LayoutInflater.java:769) 
   at android.view.LayoutInflater.rInflate(LayoutInflater.java:769) 
   at android.view.LayoutInflater.rInflate(LayoutInflater.java:769) 
   at android.view.LayoutInflater.rInflate(LayoutInflater.java:769) 
   at android.view.LayoutInflater.rInflate(LayoutInflater.java:769) 
  at android.view.LayoutInflater.rInflate(LayoutInflater.java:769) 
  at android.view.LayoutInflater.inflate(LayoutInflater.java:498) 
  at android.view.LayoutInflater.inflate(LayoutInflater.java:398) 
  at com.dvor.mobileapp.checkout.ShoppingCart.onCreateView(ShoppingCart.java:411) 
  at android.support.v4.app.Fragment.performCreateView(Fragment.java:1786) 
  at android.support.v4.app.FragmentManagerImpl.moveToState(FragmentManager.java:953) 
  at android.support.v4.app.FragmentManagerImpl.moveToState(FragmentManager.java:1136) 
 at android.support.v4.app.BackStackRecord.run(BackStackRecord.java:739) 
 at android.support.v4.app.FragmentManagerImpl.execPendingActions(FragmentManager.java:1499) 
  at android.support.v4.app.FragmentManagerImpl$1.run(FragmentManager.java:456) 
  at android.os.Handler.handleCallback(Handler.java:730) 
  at android.os.Handler.dispatchMessage(Handler.java:92) 
  at android.os.Looper.loop(Looper.java:176) 
  at android.app.ActivityThread.main(ActivityThread.java:5419) 
  at java.lang.reflect.Method.invokeNative(Native Method) 
  at java.lang.reflect.Method.invoke(Method.java:525) 
  at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:1046) 
  at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:862) 
  at dalvik.system.NativeStart.main(Native Method) 
  Caused by: java.lang.NoClassDefFoundError: com.caverock.androidsvg.R$styleable
  at com.caverock.androidsvg.SVGImageView.init(SVGImageView.java:80)
  at com.caverock.androidsvg.SVGImageView.<init>(SVGImageView.java:66)
  at java.lang.reflect.Constructor.constructNative(Native Method) 
  at java.lang.reflect.Constructor.newInstance(Constructor.java:417) 
  at android.view.LayoutInflater.createView(LayoutInflater.java:600) 
  at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:702) 
  at android.view.LayoutInflater.rInflate(LayoutInflater.java:761) 
  at android.view.LayoutInflater.rInflate(LayoutInflater.java:769) 
  at android.view.LayoutInflater.rInflate(LayoutInflater.java:769) 
  at android.view.LayoutInflater.rInflate(LayoutInflater.java:769) 
  at android.view.LayoutInflater.rInflate(LayoutInflater.java:769) 
  at android.view.LayoutInflater.rInflate(LayoutInflater.java:769) 
  at android.view.LayoutInflater.rInflate(LayoutInflater.java:769) 
  at android.view.LayoutInflater.inflate(LayoutInflater.java:498) 
  at android.view.LayoutInflater.inflate(LayoutInflater.java:398) 
  at com.dvor.mobileapp.checkout.ShoppingCart.onCreateView(ShoppingCart.java:411) 
  at android.support.v4.app.Fragment.performCreateView(Fragment.java:1786) 
  at android.support.v4.app.FragmentManagerImpl.moveToState(FragmentManager.java:953) 
  at android.support.v4.app.FragmentManagerImpl.moveToState(FragmentManager.java:1136) 
 at android.support.v4.app.BackStackRecord.run(BackStackRecord.java:739) 
  at android.support.v4.app.FragmentManagerImpl.execPendingActions(FragmentManager.java:1499) 
   at android.support.v4.app.FragmentManagerImpl$1.run(FragmentManager.java:456) 
   at android.os.Handler.handleCallback(Handler.java:730) 
   at android.os.Handler.dispatchMessage(Handler.java:92) 
   at android.os.Looper.loop(Looper.java:176) 
   at android.app.ActivityThread.main(ActivityThread.java:5419) 
   at java.lang.reflect.Method.invokeNative(Native Method) 
   at java.lang.reflect.Method.invoke(Method.java:525) 
   at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:1046) 
   at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:862) 
   at dalvik.system.NativeStart.main(Native Method)

我做了什么？

首先，我向gradle添加了dependency：

compile 'com.caverock:androidsvg:1.2.1'

其次，我将ImageView更改为com.caverock.androidsvg.SVGImageView。

<com.caverock.androidsvg.SVGImageView
        android:id="@+id/recentlyViewed_imgView"
        android:layout_width="100dp"
        android:layout_height="100dp"
        svgimageview:svg="clock.svg"
        />

在此之后，我将 xmls:svgimageview 添加到根布局中。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:svgimageview="http://schemas.android.com/apk/res-auto"
    android:id="@+id/rowItem"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#272727"
    android:clickable="true"
    android:orientation="vertical">

这个 clock.svg 在 assets 文件夹中。

- VLeonovs

1

当在Stack Overflow上提问时，“但我遇到了问题。”请提供完整的堆栈跟踪。 - CommonsWare

https://developer.android.com/studio/write/vector-asset-studio.html#svg - Ferran Maylinch

6个回答

3

在默认开启硬件渲染的新设备上，您需要明确地开启软件渲染。

imgView.setLayerType(View.LAYER_TYPE_SOFTWARE, null);

或者在你的xml中添加这个标签

android:layerType="software"

- Ahsan Kamal

3

为了正确使用svgimageview:svg属性，应用程序需要知道它的定义。不幸的是，目前只有一个JAR版本的库，而且（与AAR不同）在构建应用程序时需要的定义无法正确合并。尝试从库源中复制attrs.xml文件。

https://github.com/BigBadaboom/androidsvg/blob/master/androidsvg/src/main/res/values/attrs.xml

将其放入res/values文件夹中即可解决问题。我相信这应该可以解决你的问题。

- Paul LeBeau

2

右键单击Drawable->新建->矢量资源->选择本地文件（SVG、PSD），选择您的图像所在的路径。

example /Users/yourpcname/Desktop/taka.svg

将它保存为一个XML文件，然后你可以在ImageView中使用它。

- Kamrujjaman Joy

2

尽管SVG是基于XML的矢量图像，但Imageview只能呈现XML（矢量可绘制图形）。因此，我们需要将SVG转换为XML格式。我们可以使用Android Vector Asset Studio来完成这项工作。

这可能有助于将SVG、PSD转换为XML。
https://medium.com/@iamitgupta1994/converting-svg-psd-to-xml-vector-drawable-using-android-vector-asset-studio-8e8ec23d5405

- Amit Gupta

0

找到你的SVG图像所在位置。在res文件夹上右键单击drawable文件夹，选择新建>>>>矢量资产>>>本地SVG>>>>并将其保存为XML文件。

- Marg

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Marek Multarzyński · Accepted Answer

169

在新的Android Studio中，有可能将SVG导入到XML文件中，因此您无需使用外部库。

在drawable中右键单击 -> 新建 -> 矢量资源 -> 本地SVG文件。

然后您可以像其他可绘制对象一样正常使用它：

android:src="@drawable/btn_image"

- Marek Multarzyński

4

如果使用支持库，请添加 app:srcCompat="@drawable/btn_image"。 - lomza

8

尽管对于高级SVG功能的支持似乎相当弱。 - Mark McKenna

2

这是一个不错的想法，但并没有回答问题。对于除了最简单的图像之外的所有图像来说，Android的矢量可绘制格式非常糟糕。来自常见图形设计工具的SVG转换效果不佳，而Studio/Android甚至不能很好地尊重图像的大小。 - spaaarky21

1

你说得对，应该尽可能使用XML可绘制对象，但如果你需要动态远程下载SVG图像，那么这个库就非常有用了。因为使用WebViews很糟糕。 - Chad

1

这必须在编译时完成。如果我有一个在运行时从服务器下载的SVG图像呢？ - Donald Duck

显示剩余2条评论