SwiftUI 的 scaleEffect() 修饰符使我们可以自由地增加或减小视图的大小的代码演示

13 min read

以下是一个使用scaleEffect()修饰符来调整视图大小的简单示例:

import SwiftUI

struct ContentView: View {
    var body: some View {
        Text("Hello, World!")
            .padding()
            .scaleEffect(2.0)
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

在上面的示例中,我们使用scaleEffect()修饰符来将“Hello, World!”文本视图放大两倍。我们可以调整该值以使该视图的大小更小或更大。

除了浮点数之外,我们还可以使用CGSize类型或一个包含两个浮点数的元组来指定比例因子。例如,我们可以将宽度放大两倍,同时将高度缩小一半,如下所示:

Text("Hello, World!")
    .padding()
    .scaleEffect(CGSize(width: 2.0, height: 0.5))

或者我们可以使用元组来指定比例因子:

Text("Hello, World!")
    .padding()
    .scaleEffect((2.0, 0.5))

以上是使用scaleEffect()修饰符来增加或减小视图大小的简单示例。