android compose Glide 加载图片使用

复制代码

implementation "com.github.bumptech.glide:compose:1.0.0-alpha.5"

复制代码

package com.wn.androidcomposedemo1.basegoogleimage

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.Spacer
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.height
import androidx.compose.material.Text
import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.Surface
import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.unit.dp
import androidx.compose.ui.unit.sp
import com.bumptech.glide.integration.compose.ExperimentalGlideComposeApi
import com.bumptech.glide.integration.compose.GlideImage
import com.wn.androidcomposedemo1.R
import com.wn.androidcomposedemo1.ui.theme.AndroidComposeDemo1Theme

/**
 * Author : wn
 * Email : maoning20080808@163.com
 * Date : 2026/6/29 22:00
 * Description : Glide 加载图片
 */
class GlideDemo1Activity : ComponentActivity(){

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        setContent {
            AndroidComposeDemo1Theme() {
                Surface(
                    modifier = Modifier.fillMaxSize(),
                    color = MaterialTheme.colorScheme.background
                ) {
                    Column(
                        horizontalAlignment = Alignment.CenterHorizontally
                    ) {
                        Spacer(Modifier.height(30.dp))
                        Text("Glide显示图片", fontSize = 30.sp, color = Color.Red)
                        GlideDemo1()
                    }
                }
            }
        }

    }

    @OptIn(ExperimentalGlideComposeApi::class)
    @Composable
    fun GlideDemo1(){
        val imageUrl = "https://q6.itc.cn/q_70/images03/20250306/355fba6a5cb049f5b98c2ed9f03cc5e1.jpeg"

        GlideImage(model = R.drawable.base_banner0, contentDescription = getString(R.string.image_description))

        Spacer(Modifier.height(20.dp))

        GlideImage(model = imageUrl, contentDescription = getString(R.string.image_description))
    }
}

android compose Glide 加载图片 使用

android compose Glide 加载图片使用