如何繪制這些自定義形狀？

Question

我有以下設計，如果可能，需要不使用png文件。 我已經在png文件的幫助下完成了此操作，但是我在考慮是否還有其他以性能為中心的方法。

我已經在png文件的幫助下完成了此設計

https://pasteboard.co/Is3RtJY.png

我如何自己繪制此圖像或使用某些工具完成此操作？

Answer 1

使用以下代碼創建此自定義形狀bg_top_corners_round.xml並將其保存在您的可繪制對象中：

<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="@color/white" />
<corners android:topLeftRadius="16dp" android:topRightRadius="16dp" />
</shape>

然后在CardView / TextView / ImageView內部的任何布局XML文件中使用此drawable，如下所示：

android:src="@drawable/bg_top_corners_round"

Answer 2

PNG圖像對應用程序很有用，但是，您可以在應用程序中使用的另一種選擇是可以使用Webp類型的圖像代替png，因為PNG圖像的大小非常小，因此將有助於減小應用程序的apk文件大小。 在android studio中，您可以將png圖像轉換為webp圖像 。 您可以做的另一件事是將png轉換為相關的矢量圖形（SVG） ，然后將該SVG導入為drawable 。 像png和webp圖像一樣，您不需要根據設備密度添加圖像，但是它將自動維護，這意味着當需要圖像時，它將根據設備密度進行繪制。

有許多網站可以幫助將png轉換為SVG，但我更喜歡https://www.vectorizer.io/