【问题标题】:Resize SVG image inside View在视图中调整 SVG 图像的大小
【发布时间】:2016-04-12 03:12:39
【问题描述】:

我有一个 FloatingActionButton,它的 src 属性绑定了一个 SVG 图像。但它没有查看我需要的大小,如何调整它以显示更大的图像?

这是我的可绘制对象:

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportWidth="24.0"
    android:viewportHeight="24.0">
<path
    android:fillColor="#ffffff"
    android:pathData="M19,13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/>

这是我的观点:

<android.support.design.widget.FloatingActionButton
    android:id="@+id/fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom|end"
    android:layout_margin="@dimen/fab_margin"
    android:src="@drawable/ic_add_24dp" />

【问题讨论】:

  • 您是否尝试在视图中为 FAB 指定宽度和高度而不是 wrap_content?

标签: android android-studio svg view android-gradle-plugin


【解决方案1】:

支持矢量绘图和动画矢量绘图 Vector drawables 允许您用 XML 中定义的单个矢量图形替换多个 png 资源。虽然以前仅限于 Lollipop 和更高版本的设备,但 VectorDrawableAnimatedVectorDrawable 现在可以分别通过两个新的支持库 support-vector-drawable 和 animated-vector-drawable 获得。

Android Studio 1.4 通过在构建时生成 png 引入了对矢量 drawables 的有限支持。要禁用此功能(并获得此支持库的真正优势和节省空间),您需要将 vectorDrawables.useSupportLibrary = true 添加到您的 build.gradle 文件中:

// Gradle Plugin 2.0+

 android {  
   defaultConfig {  
     vectorDrawables.useSupportLibrary = true  
    }  
 }   

您会注意到这个新属性仅存在于 Gradle 插件的 2.0 版本中。如果您使用的是 Gradle 1.5,您将改为使用

// Gradle Plugin 1.5

 android {  
   defaultConfig {  
     generatedDensities = []  
  }  

  // This is handled for you by the 2.0+ Gradle Plugin  
  aaptOptions {  
    additionalParameters "--no-version-vectors"  
  }  
 } 

你的 xml 布局添加这个代码app:srcCompat="@drawable/ic_add" 。喜欢这个代码:

<android.support.design.widget.FloatingActionButton
    android:id="@+id/fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom|end"
    android:layout_margin="@dimen/fab_margin"
    app:srcCompat="@drawable/ic_add_24dp" />

有用的链接 Support Vector Drawables and Animated Vector Drawables

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2011-04-29
    • 1970-01-01
    • 2013-07-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多