底部导航和图标大小

Question

我正在使用图标为SVG的底部导航视图。 出于某种原因，我注意到导航栏中的图标在水平方向上稍有挤压，而在垂直方向上则更长。

图标大小应该是多少？ SVG不适合任何尺寸吗？ 谢谢

Answer 1

用于BottomNavigationView图标的矢量可绘制对象应具有相同的宽度和高度。 只要内在的宽度和高度相同，就无关紧要。

---

矢量可绘制对象可以缩放到任意大小而不会被像素化，但这并不意味着您可以更改宽高比而不会扭曲原始图像。

Android矢量可绘制对象指定一个“本征大小”，如果您未指定显式大小，则它们将为多大：

android:width="48dp"
android:height="48dp"

和“视口大小”，它定义矢量路径的坐标空间：

android:viewportWidth="24.0"
android:viewportHeight="24.0"

如果矢量可绘制对象的原始固有尺寸为24dp x 24dp，但将其显示为48dp x 36dp，则会看到它是水平“拉伸”的。