SwiftUI—如何在SwiftUI中绘制一个圆形

简介: SwiftUI—如何在SwiftUI中绘制一个圆形

在SwiftUI里可以很方便的绘制各种复杂和漂亮的图形和图表,本节课先演示简单圆形的绘制。


使用Circle绘制圆,并设置圆形的填充颜色、显示区域等属性。

示例代码:


VStack{
    Circle() //绘制一个圆形,它的填充颜色默认是黑色
    Circle()
    .fill(Color.orange) //给圆形填充颜色
    .frame(width: 200, height: 200) //将圆形的宽度和高度都设置为200
    ZStack {
       Circle().fill(Color.purple)
       Circle().fill(Color.yellow).scaleEffect(0.8) //尺寸缩小到原来的0.8倍
       Circle().fill(Color.orange).scaleEffect(0.6)
    }
    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)
    }
}


2466108-308b3f2cd75a7222.webp.jpg

目录
相关文章
SwiftUI—如何对图像视图进行缩放和旋转
SwiftUI—如何对图像视图进行缩放和旋转
898 0
SwiftUI—如何对图像视图进行缩放和旋转
|
1月前
|
移动开发 前端开发 JavaScript
前端H5使用canvas画爱心以及笑脸
本文介绍了HTML5中的canvas元素及其基本用法,通过JavaScript在canvas上绘制图形。首先简述了canvas的功能,接着详细展示了如何使用`bezierCurveTo`方法绘制爱心和`arc`方法绘制笑脸,并附有示例代码及效果说明。最后总结了canvas在网页图形绘制上的应用潜力。
33 2
SwiftUI—如何给图像视图添加遮罩以突出主题
SwiftUI—如何给图像视图添加遮罩以突出主题
686 0
SwiftUI—如何给图像视图添加遮罩以突出主题
|
5月前
|
前端开发
Canvas添加了橡皮擦工具的画板项目和只能画圆的源码
Canvas添加了橡皮擦工具的画板项目和只能画圆的源码
|
图形学
不断涌出的爱意,使用SwiftUI搭建一个爱心粒子动画~
不断涌出的爱意,使用SwiftUI搭建一个爱心粒子动画~
175 0
|
前端开发 JavaScript
canvas中的拖拽、缩放、旋转 (上) —— 数学知识准备
canvas中的拖拽、缩放、旋转 (上) —— 数学知识准备
918 0
|
存储 Swift
SwiftUI极简教程38:ScrollViewReader滚动视图锚点的使用
在本章中,你将学会ScrollViewReader滚动视图锚点的使用。
841 0
SwiftUI极简教程38:ScrollViewReader滚动视图锚点的使用
|
Swift
SwiftUI极简教程32:使用Shape形状和Animation动画创建一个圆形进度条
SwiftUI极简教程32:使用Shape形状和Animation动画创建一个圆形进度条
822 0
SwiftUI极简教程32:使用Shape形状和Animation动画创建一个圆形进度条
SwiftUI极简教程07:ScrollView滚动视图的使用
SwiftUI极简教程07:ScrollView滚动视图的使用
1482 0
SwiftUI极简教程07:ScrollView滚动视图的使用
SwiftUI极简教程09:Gradient渐变色的使用
SwiftUI极简教程09:Gradient渐变色的使用
779 0
SwiftUI极简教程09:Gradient渐变色的使用

热门文章

最新文章