【Compose multiplatform教程09】【组件】Image组件

小林爱

已于 2024-12-27 09:48:39 修改

阅读量348

点赞数 5

文章标签： elementui vue.js 前端 android studio kotlin 多平台前端框架

于 2024-12-26 21:36:21 首次发布

本文链接：https://blog.youkuaiyun.com/b275518834/article/details/144751803

版权

查看全部组件

Image

功能说明：能够加载并显示图片，支持本地资源和网络资源，可对图片的大小、缩放方式、裁剪等属性进行设置，使图片以合适的方式展示在界面中，增强界面的视觉效果。
示例场景：在应用的启动页展示品牌 logo；在商品列表页面显示商品图片；用于设置界面的背景图片，营造特定的视觉氛围。

import androidx.compose.foundation.Image
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.height
import androidx.compose.foundation.layout.padding
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.ColorMatrix
import androidx.compose.ui.graphics.ColorMatrixColorFilter

import androidx.compose.ui.layout.ContentScale
import androidx.compose.ui.unit.dp
import kotlinmultiplatform.composeapp.generated.resources.Res
import kotlinmultipla