如何使用Android Canvas繪制Fragment / CustomView的自定義背景？

Question

我正在創建一個自定義片段，它將用作從底部向上滑動的自定義導航抽屜。 問題是我需要為片段背景的頂部創建一條曲線。 我需要一些幫助以通過使用Canvas繪制形狀來獲得曲線。 不知道是否應該創建兩個形狀並將其融合在一起以獲得所需的結果，還是僅創建自定義背景圖像。

這是我在Sketch中創建的模擬圖像： Curved Nav Drawer Mock

Answer 1

您可以通過將布局包裝在cardview中並將cardview的拐角半徑設置為10dp來實現。 通過這種方式，您可以在抽屜片段中獲得曲線。

<android.support.v7.widget.CardView
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:id="@+id/card_view_outer"
    android:layout_width="match_parent"
    android:layout_height="200dp"
    android:layout_gravity="center"
    card_view:cardBackgroundColor="@android:color/transparent"
    card_view:cardCornerRadius="10dp"
    card_view:cardElevation="3dp" >

    <!-- Inner layout -->

</android.support.v7.widget.CardView>

Answer 2

因此，我通過首先在Sketch中將其作為符號來獲取在Sketch中創建的形狀的矢量圖像來解決該問題。 然后，將符號導出為vector（SVG）文件。

為了使向量正確配置，我使用了SVG到向量轉換器 ，然后使用它創建了一個xml文件，並將其粘貼到可繪制文件夾中。