【问题标题】:How to change VectorDrawable viewportHeight and viewportWidth and what is the best practice on working with vector?如何更改 VectorDrawable viewportHeight 和 viewportWidth 以及使用矢量的最佳实践是什么?
【发布时间】:2019-06-24 11:50:08
【问题描述】:

我的场景

我从 flaticon 下载 SVG 并在 Android Studio 的 Vector Asset Studio 中更改为矢量资源。

我的问题

一切正常。虽然我在导航视图中使用了许多图标。这些向量的大小不同。它们的 viewportWidth 和 viewportHeight 是不同的。我想要的是所有这些具有相同大小的向量,我使用 android:width 和 android:height 到 24dp 但它们的大小不同。

我发现了很多,我知道 viewportWidth 和 viewportHeight 是绘制 SVG 时的画布大小,它对 SVG 的大小没有影响?那么我可以在我的问题中做些什么呢?

【问题讨论】:

  • 在实现到android之前通过第三方编辑器调整矢量图像的大小是击球手。 sketch 是 Mac 上非常强大的编辑器。请尝试在用户之前调整大小。 sketchapp.com/docs/vector-editing
  • 放一些代码和结果,让大家更好理解。

标签: android android-studio android-layout vector


【解决方案1】:

根据我的经验,矢量图像只是具有视口宽度和高度,因为它必须绘制路径。

如果增加宽度和高度,路径就会改变。

因此您无需更改 viewportWidth 和 viewportHeight 但您可以在布局中指定宽度/高度。

例如:

以下示例将显示尺寸为 56x56 的图像,并且它使用矢量图像不会被拉伸:

<ImageView
    android:id="@+id/imageView"
    android:layout_width="56dp"
    android:layout_height="56dp"
    android:layout_margin="8dp"
    android:contentDescription="@null"
    app:srcCompat="@drawable/ic_vector" />

希望对您有所帮助。

如果您有任何问题,请告诉我。

【讨论】:

    猜你喜欢
    • 2018-07-10
    • 1970-01-01
    • 2011-03-17
    • 2012-03-26
    • 1970-01-01
    • 2018-03-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多