2022-03-16 stroke修饰和指定线条的宽度和颜色

struct ContentView: View {
    var body: some View {
        return RoundedRectangle(cornerRadius: 20).stroke().padding()
    }
}
#.stroke(lineWidth: 3) stroke画边
#.stroke()放在形状末尾将只填充边缘，当卡片正面朝上时；我们希望它面朝下时填充。它面朝上时stroke才会执行。stroke修饰和指定线条的宽度和颜色，stroke只能对形状起作用，Text虽然是视图但不是形状。
#stroke 画边线内外各占一半
#你也可以用.fill() 但这是默认值

struct ContentView: View {
    var body: some View {
          //alignment: .top 顶部对其，默认.center
          // ZStack(alignment: .center) {  函数是最后一个参数，可以省略
        ZStack(alignment: .top, content: {
            RoundedRectangle(cornerRadius: 20)
                .stroke(lineWidth: 10)
            Text("Hello World!")
                .foregroundColor(.orange)
        })
        .padding()
        //默认颜色
        .foregroundColor(/*@START_MENU_TOKEN@*/.red/*@END_MENU_TOKEN@*/)
        
    }
}
----------------
struct ContentView: View {
    var body: some View {
        ZStack {
            RoundedRectangle(cornerRadius: 20)
                .stroke(lineWidth: 10)
            Text("Hello World!")
                .foregroundColor(.orange)
        }
        .padding()
        //默认颜色
        .foregroundColor(/*@START_MENU_TOKEN@*/.red/*@END_MENU_TOKEN@*/)
        
    }
}