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


目录
相关文章
Core Animation - 如何来绘制三个圆角一个直角的矩形
Core Animation - 如何来绘制三个圆角一个直角的矩形
95 0
|
机器学习/深度学习 索引
【OpenGL】十四、OpenGL 绘制三角形 ( 绘制 GL_TRIANGLE_STRIP 三角形 | GL_TRIANGLE_STRIP 三角形绘制分析 )
【OpenGL】十四、OpenGL 绘制三角形 ( 绘制 GL_TRIANGLE_STRIP 三角形 | GL_TRIANGLE_STRIP 三角形绘制分析 )
307 0
【OpenGL】十四、OpenGL 绘制三角形 ( 绘制 GL_TRIANGLE_STRIP 三角形 | GL_TRIANGLE_STRIP 三角形绘制分析 )
SwiftUI—如何在SwiftUI中绘制一个圆形
SwiftUI—如何在SwiftUI中绘制一个圆形
649 0
SwiftUI—如何在SwiftUI中绘制一个圆形
|
7月前
|
前端开发
可以擦除Canvas的矩形的绘制
可以擦除Canvas的矩形的绘制
|
C#
C# Graphic 绘制圆、三角形、椭圆、图片
原文:C# Graphic 绘制圆、三角形、椭圆、图片 在form和panel上可以绘制图形,线段,圆,文字,图形等等。 绘制代码必须放在OnPaint()函数里面,因为窗体刷新的时候,都会调用该函数,重新刷新所绘的图。
2027 0
C#编程-132:DrawRectangle绘制矩形
C#编程-132:DrawRectangle绘制矩形
215 0
C#编程-132:DrawRectangle绘制矩形
|
9月前
|
Python
绘制矩形
【5月更文挑战第11天】绘制矩形。
55 1
|
C# 图形学
C#之深入理解GDI+绘制圆弧及圆角矩形等比缩放的绘制
GDI+中对于圆弧的绘制,是以给定的长方形(Rectangle`结构)为边界绘制的椭圆的一部分形成的圆弧。绘制的圆弧的中心为长方形内切椭圆的圆心(如果是正方形,则正方形的...
681 0
C#之深入理解GDI+绘制圆弧及圆角矩形等比缩放的绘制

热门文章

最新文章