SwiftUI初级课程（七）Image控件和显示网络图片

最新推荐文章于 2024-05-28 11:38:54 发布

薄衫岁月长

最新推荐文章于 2024-05-28 11:38:54 发布

阅读量1k

点赞数

分类专栏： SwiftUI初级教程文章标签： swiftui ios swift

本文链接：https://blog.csdn.net/qyw2013/article/details/128468740

版权

本文是SwiftUI初级课程的第七部分，主要讲解如何在SwiftUI中使用Image控件来展示本地及从网络加载的图片，帮助iOS开发者掌握SwiftUI中的图片处理技巧。

摘要由CSDN通过智能技术生成

struct ContentView: View {
    // 添加UIimage类型的属性 拥有@State属性包装器，当该值放生变化时，和该属性绑定的图像，将立即显示新的图像内容
    @State private var remoteImage: UIImage? = nil
    // 添加一个常量属性，作为占位符图片
    let placeholderOne = UIImage(named: "holder")

    var body: some View {
        VStack {
            // 显示图像
            Image("xiake")
            // 利用systemName属性，显示指定名称的SF Symbols图标
            Image(systemName: "arkit")
                .font(.system(size: 48))
                .foregroundColor(.orange)
            // 缩放模式
            Image("xiake")
                .resizable() // 自动缩放，以匹配父视图
                .aspectRatio(contentMode: .fit) // 撑满父视图，保持原始宽高比

            // *图像添加边框、透明度、阴影*
            // 添加边框
            Image("xiake")
                .border(.orange)
            // 边框宽度
            Image("xiake")
                .border(.orange, width: 10)