SwiftUI中的常用图形(Shapes)

概述

SwiftUI中,常用的图形(Shape)主要有:
Circle:圆形
Ellipse:椭圆形
Capsule:胶囊形
Rectangle:矩形
RoundedRectangle:圆角矩形
上面的这些图形都继承了Shape协议,除了上面给出的图形,也可以通过path方法自定义图形。

func path(in rect: CGRect) -> Path

上述图形中,他们不像Text或者Button这类组件是根据自身内容自适应frame的,而是默认填充其父视图的大小,除非指定frame。

修饰器(modifier)

通过修饰器,可以设置图形的各种属性,包括颜色,边框,大小,等等。

1. 填充颜色
填充颜色即设置图形的颜色,可以通过下面两个方法设置:
.fill()
.foregroundColor()
两个方法中可以直接颜色参数,比如:
.fill(Color.red)
.foregroundColor(.blue)

除了设置具体的颜色,还可以设置渐变色,比如:
.fill(LinearGradient(colors: [Color.red, Color.blue], startPoint: .top, endPoint: .bottom))
.foregroundColor(LinearGradient(colors: [Color.red, Color.blue], startPoint: .top, endPoint: .bottom))

.fill()方法中还可以添加一个style参数,比如:.fill(Color.red, style: FillStyle(eoFill: true, antialiased: false))
FillStyle结构体中的isEOFilledisAntialiased是两个属性,用于控制填充的行为和渲染效果。

在这里插入图片描述

2. 边框
设置边框最直接的方法:.stroke(),如果不设置任何参数,则取默认的颜色,黑色或者白色。
通常可以设置的参数如下:
.stroke(Color.red)
.stroke(Color.blue, lineWidth: 10.0)
.stroke(Color.blue, style: StrokeStyle(lineWidth: 10, lineCap: .round, dash: [40]))
在这里插入图片描述
通过StrokeStyle,我们可以设置出一个虚线边框。

3. 裁剪
通过.trim方法可以对图形进行裁剪。比如:
.trim(from: 0.5, to: 1)
.trim(from: 0, to: 0.5)
.trim(from: 0.25, to: 0.75)
.trim(from: 0.3, to: 1.0)

参数:
from:绘制图形时的起始部分。
to:绘制图形时的结束部分。
通过使用trim方法,我们可以在SwiftUI中轻松地裁剪形状的一部分,实现更加灵活和多样化的视觉效果。
在这里插入图片描述

写在最后

上面是用圆形做了一些基本修饰器的举例,除了这些,个别图形在创建的时候也有自己的独有的属性,比如创建RoundedRectangle的时候,需要给定cornerRadius。还有CapsuleRoundedRectangle创建的时候也可以设置style属性。
很多的时候这些形状可以作为文字或者按钮的背景存在,以实现更好的效果。

var body: some View {VStack(spacing: 20) {Circle().fill(Color.red)Ellipse().fill(LinearGradient(colors: [Color.red, Color.blue], startPoint: .top, endPoint: .bottom))Capsule(style: .circular).foregroundColor(.blue)Rectangle().stroke(Color.blue, lineWidth: 10.0)RoundedRectangle(cornerRadius: 25.0, style: RoundedCornerStyle.continuous).stroke(Color.blue, style: StrokeStyle(lineWidth: 20, lineCap: .round, dash: [40]))}.padding()}

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/12226.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

DFA算法 敏感词过滤方案汇总以及高效工具sensitive-word

敏感词过滤方案汇总以及高效工具sensitive-word 导入pom文件 <dependency><groupId>com.github.houbb</groupId><artifactId>sensitive-word</artifactId><version>0.12.0</version> </dependency>接下来我们编写相关测试类…

解四层负载和七层负载:Nginx 的应用示范

在网络架构中&#xff0c;负载均衡是分配网络或应用程序流量到多个服务器的技术&#xff0c;以优化资源使用、最大化吞吐量、最小化响应时间和避免任何单一资源的过载。Nginx&#xff0c;作为一款强大的HTTP和反向代理服务器&#xff0c;能够处理七层&#xff08;应用层&#x…

深入剖析JVM、JDK和JRE的区别与联系

在Java开发和运行过程中&#xff0c;JVM、JRE和JDK是三个核心组件。理解它们的区别和联系是每个Java开发者的基础技能。本文将深入探讨这三个组件的作用、组成及其在实际应用中的重要性。 一、Java虚拟机&#xff08;JVM&#xff09; **JVM&#xff08;Java Virtual Machine&…

Hive读写文件机制

Hive读写文件机制 1.SerDe是什么&#xff1f; SerDe是Hive中的一个概念&#xff0c;代表着“序列化/反序列化” &#xff08;Serializer/Deserializer&#xff09;。 SerDe在Hive中是用来处理数据如何在Hive与底层存储系统&#xff08;例如HDFS&#xff09;之间进行转换的机制…

ceph纠删码精简配置ec4+2:1与ec4+2的切换

概述 近期遇到项目&#xff0c;由于灵活配置&#xff0c;前期只有部分机器&#xff0c;后续扩容&#xff0c;想用ec42的纠删码&#xff0c;但前期只有3台机器&#xff0c;需要做精简ec。 erasure-code-profile 首先按照ceph创建纠删码池步骤进行操作。 创建ec42的rule cep…

2024国考行测、申论资料大全,做好备考真的很重要!

1. 国考是什么? 国考,全称国家公务员考试,是选拔国家公务员的重要途径。通过国考,你将有机会进入政府部门,为国家建设贡献力量。 2. 国考难在哪里? 国考之所以难,主要体现在以下几个方面: (1) 竞争激烈 每年国考报名人数都在百万以上,而录取率却不足2%。千军万马过独木桥…

前端环境准备的一些注意事项

1. 安装 node-sass4.x 需要python 2 和visual studio 2017&#xff0c;visual 2019版本不行。 2. python版本更新问题 python重新配置环境变量时&#xff0c;不会立马生效&#xff0c;重启可生效。 3. node版本问题 接触一个新的项目&#xff0c;搞清楚node版本再开始准备…

node和npm版本太高导致项目无法正常安装依赖以及正常运行的解决办法:如何使用nvm对node和npm版本进行切换和管理

1&#xff0c;点击下载 nvm 并且安装 进入nvm的github&#xff1a; GitHub - coreybutler/nvm-windows: A node.js version management utility for Windows. Ironically written in Go. 这里下载发行版&#xff0c;Releases coreybutler/nvm-windows GitHub 找到 这个 nv…

洗地机哪款好用?希亦、追觅、顺造、米家等高品质洗地机推荐

家用洗地机已经成为家庭清洁的重要利器&#xff0c;其多功能性能帮助您轻松应对各种清洁任务&#xff0c;从而保持家居环境的清洁整洁。然而&#xff0c;市场上品牌繁多、功能各异的洗地机让人眼花缭乱。为了帮助大家做出明智的选择&#xff0c;我们将在本文中提供全面的选购指…

4.3 将AX寄存器中的16位数分成4组,每组4位,然后把这四组数分别放在AL,BL,CL和DL中

思路&#xff1a; 主要是通过SHR指令对AX寄存器进行移位&#xff0c;有个容易出错的地方就是&#xff0c;当移位数超过1时&#xff0c;不能直接用指令SHR&#xff0c;而应该先将移位数存入CL&#xff0c;再使用指令SHR AH,CL。举个例子&#xff1a; SHR AX,1 ;是可以的 SHR A…

选择法(数值排序)(C语言)

一、运行结果&#xff1b; 二、源代码&#xff1b; # define _CRT_SECURE_NO_WARNINGS # include <stdio.h>//声明排序函数sort; void sort(int a[], int n);int main() {//初始化变量值&#xff1b;int i, a[10];//填充数组&#xff1b;printf("请输入10个整数\n&…

win的开发环境配置(Java开发必备)

文章目录 日常app工具类app开发类app环境类app 由于每次换新工作、用一台临时或者新的电脑时总是要想着要下载什么软件&#xff0c;这次就一次性全部记录下来&#xff0c;将必须下载的内容做个记录。 日常app 百度网盘、微信、网易云、搜狗 工具类app office、bandizip&…

现代 c++ 一:c++11 ~ c++23 新特性汇总

所谓现代 c&#xff0c;指的是从 c11 开始的 c&#xff0c;从 c11 开始&#xff0c;加入一些比较现代的语言特性和改进了的库实现&#xff0c;使得用 c 开发少了很多心智负担&#xff0c;程序也更加健壮&#xff0c;“看起来像一门新语言”。 从 c11 开始&#xff0c;每 3 年发…

蓝桥杯备战22.k倍区间——前缀和

目录 题目 分析 暴力求解 优化思路 AC代码 题目链接&#xff1a; P8649 [蓝桥杯 2017 省 B] k 倍区间 - 洛谷 | 计算机科学教育新生态 (luogu.com.cn) 题目 分析 很明显这题是一道前缀和的题 暴力求解 只得了28分 #include<iostream> using namespace std; co…

企业在实施RPA技术时,应如何确保其ROI评估的准确性和全面性?

企业在实施RPA&#xff08;Robotic Process Automation&#xff09;技术时&#xff0c;确保ROI&#xff08;投资回报率&#xff09;评估的准确性和全面性是至关重要的。以下是确保ROI评估准确性和全面性的一些关键步骤&#xff1a; ### 1. 明确业务目标 首先&#xff0c;企业需…

1、工厂模式

一、C常用设计模式 &#xff1a;工厂模式 1、why2、when3、what4、how 1、why #include <iostream>class Phone { };class XiaoMi : public Phone { };class Apple : public Phone { };class Huawei : public Phone { };class Oppo : public Phone { };class Vivo : pub…

求学生平均成绩(C语言)

一、运行结果&#xff1b; 二、源代码&#xff1b; # define _CRT_SECURE_NO_WARNINGS # include <stdio.h>//声明平均数函数average; float average(float score[10]);int main() {//初始化变量值&#xff1b;float score[10], aver;int i 0;//填充数组&#xff1b;pr…

探秘WebSQL:轻松构建前端数据库

欢迎来到我的博客&#xff0c;代码的世界里&#xff0c;每一行都是一个故事 探秘WebSQL&#xff1a;轻松构建前端数据库 前言WebSQL简介WebSQL的基本操作WebSQL的实际应用WebSQL的局限性和替代方案 前言 在Web的世界里&#xff0c;我们总是追求更好的用户体验和更快的响应速度…

添砖Java之路(其八)——继承,final关键字

目录 继承&#xff1a; super关键字&#xff1a; 方法重写&#xff1a; 继承特点&#xff1a; 继承构造方法&#xff1a; final关键字&#xff1a; 继承&#xff1a; 意义&#xff1a;让类于类之间产生父类于子类的关系&#xff0c;子类可以直接使用父类中的非私有成员(包…

Seal^_^【送书活动第4期】——《Web渗透测试技术》

Seal^_^【送书活动第4期】——《Web渗透测试技术》 一、参与方式二、本期推荐图书2.1 前 言2.2 关于本书2.3 本书读者2.4 图书简介2.5 作者荐语2.6 编辑推荐2.7 目 录 三、正版购买 掌握Web渗透测试技术&#xff0c;提高Web应用安全性。 一、参与方式 1、关注博主的账号。 2、点…