Android标题栏图标被裁剪

时间:2018-10-28 10:15:25

标签: android icons

在与Android的alt-tab菜单等效的视图中查看时,图标的边缘被裁剪了。

Cropped icon

整个边缘周围应该有一个粗实的白色边框。它在android的其余部分中完美显示。

我注意到这种情况也发生在我创建的其他一些图标上。如何修复它而不影响图标在其他位置的显示方式?

这是我导入的原始SVG(减去内部框)...

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   id="svg8"
   version="1.1"
   viewBox="0 0 141.565 141.565"
   height="141.565mm"
   width="141.565mm"> 
  <g
     id="layer7">
    <g
       transform="translate(-34.2175,-77.7175)"
       id="g6440">
      <rect
         style="opacity:1;fill:#222222;fill-opacity:1;stroke:#ffffff;stroke-width:14.56499958;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
         id="rect4487"
         width="127"
         height="127"
         x="41.5"
         y="85"
         rx="19.020206"
         ry="19.020206" />

      <!-- ...inner boxes... -->
    </g>
  </g>
</svg>

从Android Studio生成的XML ...

<vector android:height="24dp" android:viewportHeight="141.565"
    android:viewportWidth="141.565" android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android">
    <path android:fillAlpha="1" android:fillColor="#222222"
        android:pathData="M26.303,7.282L115.262,7.282A19.02,19.02 0,0 1,134.283 26.303L134.283,115.262A19.02,19.02 0,0 1,115.262 134.283L26.303,134.283A19.02,19.02 0,0 1,7.282 115.262L7.282,26.303A19.02,19.02 0,0 1,26.303 7.282z"
        android:strokeAlpha="1" android:strokeColor="#ffffff"
        android:strokeLineJoin="round" android:strokeWidth="14.56499958"/>
...

更新:我尝试通过增加viewPortWidth / Height属性来缩小图标大小,并得到了它。

Shrunk icon

默认情况下,似乎有一个遮罩/边框。知道这可能来自哪里以及如何摆脱它吗?

1 个答案:

答案 0 :(得分:0)

在“图像”视图中设置此属性,请使用此svg

 android:scaleType="fitXY"