SwiftUI—用Rectangle绘制矩形

简介: SwiftUI—用Rectangle绘制矩形

使用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)
    }
    RoundedRectangle(cornerRadius: 120) //绘制一个圆角矩形,并设置它的圆角半径为120
    RoundedRectangle(cornerSize: CGSize(width: 100, height: 40)).frame(width: 300, height: 200) //设置圆角的宽度为100,圆角的高度为40
    RoundedRectangle(cornerRadius: 100, style: RoundedCornerStyle.continuous) //圆角样式为continuous连续型,也就是连续曲率的圆角
}


2466108-2ba5dccf57e521e5.webp.jpg


目录
相关文章
|
3月前
|
前端开发
|
前端开发
canvas绘制五角星
canvas绘制五角星
147 0
Core Animation - 如何来绘制三个圆角一个直角的矩形
Core Animation - 如何来绘制三个圆角一个直角的矩形
54 0
|
前端开发
Canvas绘制圆形头像
Canvas绘制圆形头像
197 0
Canvas绘制圆形头像
C#编程-132:DrawRectangle绘制矩形
C#编程-132:DrawRectangle绘制矩形
135 0
C#编程-132:DrawRectangle绘制矩形
|
Swift
SwiftUI极简教程32:使用Shape形状和Animation动画创建一个圆形进度条
SwiftUI极简教程32:使用Shape形状和Animation动画创建一个圆形进度条
630 0
SwiftUI极简教程32:使用Shape形状和Animation动画创建一个圆形进度条
SwiftUI—如何在SwiftUI中绘制一个圆形
SwiftUI—如何在SwiftUI中绘制一个圆形
478 0
SwiftUI—如何在SwiftUI中绘制一个圆形
|
移动开发 前端开发 JavaScript
H5画布 canvas(一)canvas简介、绘制圆形/矩形、案例饼状图绘制
H5画布 canvas(一)canvas简介、绘制圆形/矩形、案例饼状图绘制
592 0
H5画布 canvas(一)canvas简介、绘制圆形/矩形、案例饼状图绘制
|
移动开发 缓存 前端开发
H5画布 canvas(二)绘制文字、图片、坐标系,canvas颜色和样式,canvas绘制环境
H5画布 canvas(二)绘制文字、图片、坐标系,canvas颜色和样式,canvas绘制环境
521 0
H5画布 canvas(二)绘制文字、图片、坐标系,canvas颜色和样式,canvas绘制环境