自适应图标形状路径
Adaptive Icon shapes path
这就是 Launcher3 定义图标形状路径的方式。
<string-array translatable="false" name="icon_shape_override_paths_values">
<item>M50,0L100,0 100,100 0,100 0,0z</item>
<item>M50,0 C10,0 0,10 0,50 0,90 10,100 50,100 90,100 100,90 100,50 100,10 90,0 50,0 Z</item>
<item>M50 0A50 50,0,1,1,50 100A50 50,0,1,1,50 0</item>
<item>M50,0A50,50,0,0 1 100,50 L100,85 A15,15,0,0 1 85,100 L50,100 A50,50,0,0 1 50,0z</item>
</string-array>
分别对应方形、鼠形、圆形、泪珠形。
现在我想知道如何创建自己的形状。我想画一个六边形。
试试这样的东西:
<item>M 50,0 L 100,25, 100,75, 50,100, 0,75, 0,25 Z</item>
示例:
svg {
background: linen;
}
<svg width="100" height="100">
<path d="M 50,0 L 100,25, 100,75, 50,100, 0,75, 0,25 Z"/>
</svg>
这就是 Launcher3 定义图标形状路径的方式。
<string-array translatable="false" name="icon_shape_override_paths_values">
<item>M50,0L100,0 100,100 0,100 0,0z</item>
<item>M50,0 C10,0 0,10 0,50 0,90 10,100 50,100 90,100 100,90 100,50 100,10 90,0 50,0 Z</item>
<item>M50 0A50 50,0,1,1,50 100A50 50,0,1,1,50 0</item>
<item>M50,0A50,50,0,0 1 100,50 L100,85 A15,15,0,0 1 85,100 L50,100 A50,50,0,0 1 50,0z</item>
</string-array>
分别对应方形、鼠形、圆形、泪珠形。
现在我想知道如何创建自己的形状。我想画一个六边形。
试试这样的东西:
<item>M 50,0 L 100,25, 100,75, 50,100, 0,75, 0,25 Z</item>
示例:
svg {
background: linen;
}
<svg width="100" height="100">
<path d="M 50,0 L 100,25, 100,75, 50,100, 0,75, 0,25 Z"/>
</svg>