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


目录
相关文章
|
6月前
|
前端开发
canvas绘制圆环
canvas绘制圆环
|
1月前
|
JSON 数据格式
Cesium绘制一个正方体
这篇文章详细说明了如何在Cesium中创建并精确控制一个厘米级精度的立方体模型。
32 2
Cesium绘制一个正方体
|
4月前
|
前端开发
已知数组 [{ x, y, radius }, ...], 在canvas中绘制出对应图形
已知数组 [{ x, y, radius }, ...], 在canvas中绘制出对应图形
|
6月前
|
缓存 前端开发 JavaScript
canvas详解01-绘制基本图形
canvas详解01-绘制基本图形
109 2
|
搜索推荐 Java C++
OpenglEs之三角形绘制
Opengl ES连载系列
77 0
|
前端开发
canvas绘制五角星
canvas绘制五角星
188 0
Core Animation - 如何来绘制三个圆角一个直角的矩形
Core Animation - 如何来绘制三个圆角一个直角的矩形
77 0
|
前端开发
Canvas绘制圆形头像
Canvas绘制圆形头像
244 0
Canvas绘制圆形头像
|
缓存 定位技术
解决Leaflet.draw中polyline绘制无法结束的问题
通过本文,可以了解如何自定义Draw.PolyLine对象,以及在扩展时需要注意的一些坑,知道如何调试函数并定位问题,最终完成需求。
347 0
解决Leaflet.draw中polyline绘制无法结束的问题