[ShapeableImageView] Rounded corners stroke is cut-off by default

Description: By default, when a ShapeableImageView has rounded corners and you define strokeWidth and strokeColor, it will be cut-off. In the screenshot just below, you can see it compared to TextInputLayout below it, which renders fine.

Expected behavior: Rendering to not appear cut-off by default, without having to increase the padding.

Source code: Extension:

fun ShapeableImageView.roundAllCorners(@Dimension radius: Float) {
    shapeAppearanceModel = shapeAppearanceModel.toBuilder()
        .setAllCorners(CornerFamily.ROUNDED, radius)
        .build()
}

Code:

myImageView.apply {
    roundAllCorners(dp(8f))
    strokeColor = colorSL(R.color.image_border_on_background)
    strokeWidth = dp(2) // Happens with bigger values as well.
    //padding = strokeWidth // Uncommenting this fixes rendering.
    adjustViewBounds = true
}

The dp extensions come from Splitties.

Android API version: 29

Material Library version: 1.2.0-alpha06

Device: Google Pixel 2 XL

[procmixin]

Setting the padding, and adjusting the shape dimensions WTR to the padding, worked for me.

<com.google.android.material.imageview.ShapeableImageView
      android:id="@+id/image"
      android:layout_width="90dp"
      android:layout_height="90dp"
      android:background="@color/my_color"
      android:padding="4dp"
      android:scaleType="centerCrop"
      android:src="@drawable/some_drawable"
      app:contentPadding="20dp"
      app:shapeAppearance="@style/myShapeAppearance"
      app:strokeColor="@color/stroke_color"
      app:strokeWidth="2dp"
      app:tint="@color/image_tint" />

ShapeAppearance

<style name="myShapeAppearance" parent="ShapeAppearance.MaterialComponents.MediumComponent">
    <item name="cornerFamily">rounded</item>
    <item name="cornerSize">41dp</item>
</style>

This allowed my image to be drawn without the box clipping effect

[drchen]

There seems like no general solutions for all possible cases.

I’ll close this as infeasible for now. Please feel free to reopen it or create a PR if you have a good idea to solve this.