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.pswp.cn/diannao/12226.shtml
繁體地址,請注明出處:http://hk.pswp.cn/diannao/12226.shtml
英文地址,請注明出處:http://en.pswp.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、點…