モケラ

Tech Sheets

mokelab

Jetpack Composeで画像を丸く切り抜く

最終更新日:2023-11-14

Jetpack Composeの Image で画像を丸く切り抜くには、 Modifier.crip() を使います。

Image(
  painter = painterResource(R.drawable.moke),
  contentDescription = "moke",
  modifier = Modifier
    .clip(CircleShape)
    .background(color = MaterialTheme.colorScheme.primary)
)

clip() には CircleShape を指定します。

切り抜いたあと、背景色を設定しておかないと本当に切り抜けていたか判別に困ったので background() で色をつけています。

プレビューは次のようになります。

一覧に戻る