Sao operación de ShapeableImageView

<com.google.android.material.imageview.ShapeableImageView
        android:id="@+id/ivCoverIndexItem"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:padding="4dp"
        app:shapeAppearance="@style/rectRound8ImageStyle"
        app:strokeColor="#0098a7"
        app:strokeWidth="4dp"
        android:contentDescription="@null"
        android:scaleType="centerCrop"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

Añadir un trazo a la imagen.

Los puntos clave para agregar un trazo a una imagen son los tres atributos strokeColor, strokeWidth y padding, que definen el ancho del trazo, strokeWidth. Asegúrese de usar padding para dejar suficiente área de visualización para el trazo, de lo contrario, el trazo se truncará. .

 

---

establecer la forma de la imagen 

El enfoque de establecer la forma de la imagen es: el archivo de estilo al que hace referencia la propiedad app:shapeAppearance Aquí hay algunos archivos de estilo de forma de muestra para su referencia.

Imágenes rectangulares redondeadas e imágenes circulares, la diferencia radica en la definición del valor de tamaño de esquina

Rectángulo redondeado:

<style name="imgStyleRectRound8">
        <item name="cornerFamily">rounded</item>
        <item name="cornerSize">8dp</item>
    </style>

Imagen circular:

<style name="imgStyleCircle">
        <item name="cornerFamily">rounded</item>
        <item name="cornerSize">50%</item>
    </style>

 

imagen de rombo

<style name="imgStyleDiamond">
        <item name="cornerFamily">cut</item>
        <item name="cornerSize">50%</item>
    </style>

 

Chaflán rectangular 

<style name="imgStyleRectCut8">
        <item name="cornerFamily">cut</item>
        <item name="cornerSize">8dp</item>
    </style>

 

imagen del sector

<style name="imgStyleFan">
        <item name="cornerFamilyTopLeft">rounded</item>
        <item name="cornerSizeTopLeft">100%</item>
    </style>

 

forma de hoja (en forma de huso)

<style name="imgStyleLeaf">
        <item name="cornerFamilyTopLeft">rounded</item>
        <item name="cornerFamilyBottomRight">rounded</item>
        <item name="cornerSizeTopLeft">50%</item>
        <item name="cornerSizeBottomRight">50%</item>
    </style>

 

---