SwiftUI从入门到实战第2章第11节：Shape-Rectangle

相关课程：http://hdjc8.com/hdjc/swiftUI/

使用Rectangle绘制矩形，使用RoundedRectangle绘制圆角矩形。

本节课演示矩形和圆角矩形等图形的绘制，以及如何给图形添加描边效果。

示例代码：

VStack{
            
    Rectangle()

    //接着修改填充颜色为橙色，并设置它的宽度和高度。
    Rectangle()
	.fill(Color.orange)
	.frame(width: 200, height: 200)

    ZStack {
       Rectangle().fill(Color.purple)
	.frame(width: 300, height: 200)

       Rectangle().fill(Color.yellow)
	.frame(width: 300, height: 200)
	.scaleEffect(0.8)

       Rectangle()
	.fill(Color.orange)
	.frame(width: 300, height: 200)
	.scaleEffect(0.6)
    }

    //接着绘制一个圆角矩形，并设置它的圆角半径为120。
    RoundedRectangle(cornerRadius: 120)

    //设置圆角的宽度为60，圆角的高度为30。同时设置圆角矩形的宽度为300，高度为200。
    RoundedRectangle(cornerSize: CGSize(width: 100, height: 40)).frame(width: 300, height: 200)

    //绘制一个圆角半径为60的圆角矩形，它的圆角样式为continuous连续型，也就是连续曲率的圆角。
    RoundedRectangle(cornerRadius: 100, style: RoundedCornerStyle.continuous)

}

查看运行结果：