如何使用三個角和陰影制作圖像視圖

Question

如何制作只有三個角的圖像，我嘗試使用框架布局插入圖像視圖，並使其成為原始圖像的資源，添加另一個具有 3 個角的邊框 src 的圖像視圖，但它不起作用

Answer 1

通過Material Components 庫，您可以使用MaterialShapeDrawable 。

只需使用類似的東西：

  <com.google.android.material.imageview.ShapeableImageView
      app:shapeAppearanceOverlay="@style/onlyonecorner"
      app:srcCompat="@drawable/xxx"
      ../>

和：

  <style name="onlyonecorner">
    <item name="cornerFamily">rounded</item>
    <item name="cornerSize">50%</item>
    <item name="cornerSizeTopRight">0dp</item>
  </style>

ShapeableImageView至少需要1.2.0-alpha03版本。

Answer 2

您可以嘗試使用 Glide 或 Picasso 創建圓形位圖。 在這種情況下，您可以編寫轉換。 例如， 請參閱使用 picasso 制作帶有圓角的 ImageView 。

然后，您可以創建帶有陰影的圖像。 之后，將一張圖像重疊在另一張圖像上。

Answer 3

你可以使用這樣的東西：

<androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#587E9B">


    <Button
        android:id="@+id/button5"
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:layout_constraintHeight_percent="0.4"
        app:layout_constraintDimensionRatio="1:1"
        android:text="Button"
        android:background="@drawable/my_shape"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />


</androidx.constraintlayout.widget.ConstraintLayout>

---

可繪制/my_shape

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">

<corners android:radius="12dp" />
<solid android:color="#CF2525" />
<corners
    android:topLeftRadius="60dp"
    android:bottomRightRadius="60dp"
    android:bottomLeftRadius="60dp"/>
<stroke
    android:width="1dp"
    android:color="@android:color/black" />

</shape>

---

這是它的外觀：

現在你需要做的就是改變drawable/my_shape里面的corners