图像调整大小指南：在SwiftUI中高效操作图像

2023-04-11 12:35:57

轻松调整 SwiftUI 图像大小：让您的应用程序焕发光彩

准备工作

开始之前，确保您的 Xcode 版本为 11 beta 2 或更高版本。创建一个新的 SwiftUI 项目，准备好一展身手吧！

调整图像大小

将图像添加到项目中： 选择图像文件，将其拖放到 Xcode 项目的 Assets 目录中。
声明“图像”视图： 在 SwiftUI 视图中，使用 Image() 视图声明图像。
应用“resizable()”修饰符： 在图像视图后紧跟 .resizable() 修饰符，它允许您调整图像的大小。
调整图像大小： 使用 .frame(width:, height:) 修饰符指定图像的宽度和高度。

示例代码：

struct ContentView: View {
    var body: some View {
        Image("myImage")
            .resizable()
            .frame(width: 100, height: 100)
    }
}

将图像添加到按钮中

将图像添加到按钮中？别担心，我来帮您！使用 .background() 修饰符即可：

示例代码：

struct ContentView: View {
    var body: some View {
        Button(action: {}) {
            Image("myImage")
                .resizable()
                .frame(width: 100, height: 100)
        }
        .background(Color.blue)
    }
}

避免蓝色的块

如果按钮中出现蓝色的块，那是因为按钮的背景颜色设置为蓝色。别急，将其设置为透明即可解决问题：

示例代码：

struct ContentView: View {
    var body: some View {
        Button(action: {}) {
            Image("myImage")
                .resizable()
                .frame(width: 100, height: 100)
        }
        .background(Color.clear)
    }
}