Skip to content

Latest commit

 

History

History
68 lines (53 loc) · 2.17 KB

mime_type_logo_zh.md

File metadata and controls

68 lines (53 loc) · 2.17 KB
Raw

图片类型角标

翻译：English

Sketch 为 view 和 Compose 提供了显示图片类型角标的扩展功能，如下：

sample_mime_type_logo.png

View

Important

val sketchImageView = SketchImageView(context)
sketchImageView.showMimeTypeLogoWithRes(
    mimeTypeIconMap = mapOf(
        "image/gif" to R.drawable.image_type_gif,
        "image/png" to R.drawable.image_type_png,
        "image/jpeg" to R.drawable.image_type_jpeg,
        "image/webp" to R.drawable.image_type_webp,
        "image/bmp" to R.drawable.image_type_bmp,
        "image/svg+xml" to R.drawable.image_type_svg,
        "image/heif" to R.drawable.image_type_heif,
    ),
    margin = 4.dp2px
)

View 版本功能由 MimeTypeLogoAbility 实现

Compose

Important

必须导入 sketch-extensions-compose 模块

val imageTypeIconMap = remember {
    mapOf(
        "image/gif" to painterResource(R.drawable.image_type_gif),
        "image/png" to painterResource(R.drawable.image_type_png),
        "image/jpeg" to painterResource(R.drawable.image_type_jpeg),
        "image/webp" to painterResource(R.drawable.image_type_webp),
        "image/bmp" to painterResource(R.drawable.image_type_bmp),
        "image/svg+xml" to painterResource(R.drawable.image_type_svg),
        "image/heif" to painterResource(R.drawable.image_type_heif),
    )
}

val state = rememberAsyncImageState()
AsyncImage(
    imageUri = "https://www.sample.com/image.jpg",
    modifier = Modifier
        .size(200.dp)
        .mimeTypeLogo(state, imageTypeIconMap, margin = 4.dp),
    state = state,
    contentDescription = "",
)

Compose 版本功能由 MimeTypeLogoModifier 实现