Image Composableで画像の中央で切り取って表示する(centerCrop)
最終更新日:2024-08-08
    
    ImageView
 では、 android:scaleType="centerCrop"
 を指定することでビューのサイズより画像が大きい場合、はみ出るよう上下左右どちらかをビューに合わせ、画像の中央で切り取って表示ができます。
Image Composableで同じことを実現するには、次のように contentScale
 と alignment
 パラメータを指定します。
@Composable
fun Greeting(name: String) {
    Image(painter = painterResource(id = R.drawable.moke),
        contentDescription = "Mokera",
        modifier = Modifier.width(96.dp).height(64.dp),
        contentScale = ContentScale.Crop,
        alignment = Alignment.Center
    )
}
プレビューは次のようになります。幅のほうが広いので幅いっぱいに拡大し、中央で切り取られています。


