颜色和padding如何设置自定义的值呢？

Question

大部分情况都是要跟效果图一致的

Answer 1

阿泽__ 2024-04-24 22:38:12

同学你好，你可以使用Color来创建自定义颜色，并使用padding()来设置视图的内边距。下面是如何设置自定义颜色和内边距的示例：

import SwiftUI

struct ContentView: View {
    // 自定义颜色
    let customColor = Color(red: 0.5, green: 0.7, blue: 0.9)

    var body: some View {
        VStack {
            Text("Hello, SwiftUI!")
                .foregroundColor(customColor) // 设置文本颜色为自定义颜色
                .padding() // 使用默认的内边距

            Text("Welcome to SwiftUI!")
                .padding(20) // 设置内边距为20
                .background(customColor) // 设置背景颜色为自定义颜色
                .foregroundColor(.white) // 设置文本颜色为白色
        }
    }
}

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

在这个示例中，我们创建了一个自定义颜色customColor，然后在视图中使用它来设置文本的颜色和背景色。我们还使用了padding()来设置默认的内边距，以及padding(20)来设置特定值的内边距。

Answer 2

星期9 2024-04-16 23:27:12

.padding(.horizontal,10)  //横向边距10，即左右边距10

.padding(.vertical,20) //纵向边距10，即上下边距