第8章第27节：完成漂亮的彩环图表的制作 [SwiftUI快速入门到实战]

最新推荐文章于 2024-08-27 15:31:53 发布
最新推荐文章于 2024-08-27 15:31:53 发布
阅读量138 收藏 1
点赞数
分类专栏： SwiftUI快速入门到实战 文章标签： swift swiftui swiftui教程 ios开发
本文为互动教程网原创文章，欢迎转载但请注明来源。
本文链接：https://blog.csdn.net/fzhlee/article/details/120341303
版权
这节教程详细介绍了如何用SwiftUI制作彩环图表。首先通过VStack作为标题和图表的容器，设置标题样式。接着，利用ZStack创建圆环，并通过循环绘制不同颜色的圆环。通过提取子视图并进行自定义，调整颜色、修剪位置和宽度。最后，添加了中心的文本视图展示支出详情，并设置了适当的内边距。
摘要由CSDN通过智能技术生成

  1. 本节课延续上一节课的内容，您将完成彩环图表的制作。现在开始编写代码，实现这项功能。
    SwiftUI快速入门到实战

  2. 首先添加一个VStack视图，作为图表标题和彩环图表的容器。
    SwiftUI快速入门到实战

  3. 设置标题文字的字号为18，并设置文字的颜色为白色。
    SwiftUI快速入门到实战

  4. 添加一个ZStack视图，作为彩虹图表视图的容器。
    SwiftUI快速入门到实战

  5. 添加一个循环语句，以绘制四个圆形。接着按下键盘上的command键。

了解本专栏 订阅专栏 解锁全文 超级会员免费看
李发展
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
在 SwiftUI 中创建一个环形 Slider
网罗天下方法，方便你我开发！！！
08-18 753
Slider 控件是一种允许用户从一系列值中选择一个值的 UI 控件。在 SwiftUI 中，它通常呈现为直线上的拇指选择器。有时将这种类型的选择器呈现为一个圆圈，拇指绕着圆周移动可能会更好。本文介绍如何在 SwiftUI 中定义一个环形的 Slider。本文展示了如何定义响应拖动手势的圆环滑块控件。可以设置滑块视图的大小，并且滑块按预期工作。可以向控件添加更多参数以设置颜色或圆环内显示的值的格式。
macOS SwiftUI 封装组件之 环形进度指示器NSProgressIndicator（教程含源码）
iCloudEnd的博客
02-07 451
实战需求 macOS SwiftUI 封装组件之 环形进度指示器NSProgressIndicator 本文价值与收获 看完本文后，您将能够作出下面的界面 基础知识 确定进度指标 确定的进度指示器显示外观发生变化的条形或圆形，以显示已知持续时间的任务的进度。 为持续时间明确的任务使用确定的进度指示器。确定的进度指示器非常适合显示任务的状态，尤其是当它有助于传达任务需要完成多长时间时。例如，您可以使用确定的进度指示器来显示文件转换的进度。如果任务无法量化，请改用不确定的进度指示器。 实战代码 impo
SwiftUI初级课程（十三）使用UIKit 环形进度条
qyw2013的专栏
12-31 458
【代码】SwiftUI初级课程（十二）使用UIKit 环形进度条。
SwiftUI SCNTorus圆环 内置形状(基础教程)
iCloudEnd的博客
07-27 403
SCNTorus 圆环或环形几何形状。 class SCNTorus : SCNGeometry 使用教程 圆环在数学上定义为通过围绕共面轴旋转一个圆而形成的旋转表面。它是两个圆圈的乘积：一个大环和一个环绕该环的管道。SceneKit使用这些术语在其局部坐标空间中定义环形几何体的尺寸。圆环的属性在x和z轴尺寸上定义了一个以原点为中心的圆，并且其属性定义了环绕圆环的表面的宽度。要更改圆环的方向，请调...
推荐一款实用的Swift UI组件：SwiftSpinner
gitblog_00069的博客
03-23 291
推荐一款实用的Swift UI组件：SwiftSpinner SwiftSpinnerA beautiful activity indicator and modal alert written in Swift (originally developed for my app DoodleDoodle) Using blur effects, translucency, flat and bo...
《HelloGitHub》第 73 期
xuhss_com的博客
04-28 494
🚀 优质资源分享 🚀 学习路线指引（点击解锁） 知识定位 人群定位 🧡 Python实战微信订餐小程序 🧡 进阶级 本课程是python flask+微信小程序的完美结合，从项目搭建到腾讯云部署上线，打造一个全栈订餐系统。 💛Python量化交易实战💛 入门级 手把手带你打造一个易扩展、更安全、效率更高的量化交易系统 兴趣是最好的老师，HelloGitHub 让你对编程感兴趣！ 简介 HelloGitHub 分享 GitHub 上有趣、入门级的开源项目。 https://gi
Top 10 swift projects on github
fishmai的专栏
05-15 899
1.iina A few of the Features: Based on mpv, which provides the best decoding capacity on macOS Designed for modern macOS (10.10+), aims to offer the best user experience All the features you nee...
iOS 强大第三方资源库
热门推荐
weixin_34237596的博客
03-08 1万+
Github用法 git-recipesGit recipes in Chinese. 高质量的Git中文教程. lark怎样在Github上面贡献代码 my-git有关 git 的学习资料 gitignore非常赞 有用的.gitignore模板集合(忽略上传的文件集合)，包含了各种语言. 完整App@ open-source-ios-apps- iOS开源App集合，分：swift与Objec...
iOS：iOS开发非常全的三方库、插件等等
dienangpiao2051的博客
09-23 7184
iOS开发非常全的三方库、插件等等 github排名:https://github.com/trending, github搜索：https://github.com/search. 此文章转自github:https://github.com/Tim9Liu9/TimLiu-iOS 一、UI 下拉刷新 EGOTableViewPullRefresh- 最早...
第2章第22节：如何在SwiftUI中绘制一个圆形 [SwiftUI快速入门到实战]
互动教程网[www.hdjc8.com]
09-03 753
在SwiftUI里可以很方便的绘制各种各样的图形，您将在第七章和第八章，绘制各种复杂和漂亮的图形和图表，本节课先演示简单圆形的绘制。 绘制一个圆形，它的填充颜色默认是黑色。 通过调用它的fill方法，给圆形填充橙色。 然后将圆形的宽度和高度都设置为200。 接着创建一组叠加的圆形，首先添加一个ZStack视图，作为子视图的容器。 然后绘制一个圆形，并设置填充颜色为紫色。 绘制另一个圆形，其填充颜色为黄色，并将尺寸缩小到原来的0.8倍。 绘制最后一个圆形，其填充颜..
SwiftUI 设置圆角、边框
CSDN博客
03-10 5261
前言 xcode 13.2 ios 15.2 1、我这是创建一个 button ，其他的也一样 Button("登录/注册") { } 2、当我按照swift 上的习惯使用 cornerRadius， border 设置圆角边框时 Button("登录/注册") { } .padding(EdgeInsets(top: 10, leading: 15, bottom: 10, trailing: 15)) .cornerRadius(15) .border(.blue, width
macOS SwiftUI教程之绘制环形图RingView(教程含源码)
iCloudEnd的博客
12-13 551
实战需求 macOS SwiftUI教程之绘制环形图RingView 本文价值与收获 看完本文后，您将能够作出下面的界面 看完本文您将掌握的技能 .fill(Color(.darkGray))填充整个圆的背景 .stroke(Color(.red), style: StrokeStyle(lineWidth: 12, lineCap: .round, lineJoin: .round)) 通过边框实行百分比效果 设置高度.frame(width: 10, height: CGFloat(value))
SwiftUI 环状进度条Dashboard Progress(自定义组件教程含源码)
iCloudEnd的博客
10-20 991
实战需求 SwiftUI 环状进度条Dashboard Progress, 本文价值与收获 看完本文后，您将能够作出下面的界面 看完本文您将掌握的技能 Circle .stroke 基础知识 Circle 以包含它的视图框架为中心的圆。 @frozen struct Circle 总览 圆的半径等于框架矩形最小边的长度的一半。 stroke(style: StrokeStyle) 返回一个新的形状，该形状是self的描边副本，使用style的内容定义描边特征。 func stroke(styl
第4章第13节：创建漂亮的色轮旋转动画 [SwiftUI快速入门到实战]
互动教程网[www.hdjc8.com]
09-07 344
本节课演示如何制作一个彩色的圆环，进而创建漂亮的色轮旋转动画。 首先添加一个布尔类型的属性，标识是否开始播放动画。 添加一个ZStack视图，作为子视图的容器。接着创建一个简单的圆形图形。 给圆形设置描边效果，并设置边框的宽度为50。 接着给圆环填充角度渐变，渐变的颜色模拟彩虹的渐变色，并且角度渐变的中心点位于圆环的圆心。 设置圆环的内边距，使圆环和屏幕的左右两侧保持一定的距离。 然后给圆环应用旋转效果，并根据布尔属性的值决定旋转的角度。 接着给圆形应用动画效果..
SwiftUI SCNVector3 基础教程
iCloudEnd的博客
08-10 456
SCNVector3 三分量向量的表示。 struct SCNVector3 SceneKit使用三分量矢量实现多种目的，例如描述节点或顶点位置，表面法线以及缩放或平移变换。应该根据使用矢量的上下文来解释不同的矢量分量。 在MACOS的x，y和z在该结构域是CGFloat值。在iOS，tvOS和watchOS中，这些字段是Float值。 实战代码 Playground 教程之SceneKit...
Swift 圆环进度条
github_36850997的博客
08-07 2090
Swift 圆环进度条 import UICircularProgressRing import UIKit import UICircularProgressRing class ViewController: UIViewController { var progress:UICircularProgressRing!; override func vie...
swift自定义数据集微调Qwen-7B大模型，转换模型后使用ollama跑起来
最新发布
盛世芳华
08-27 797
-model_name 阿盛 Master Coder \--model_author 盛世芳华 LLM_ROME \微调时，只需指定--dataset为本地csv文件路径即可，csv文件的格式如下：instruction是问题，input大概能理解为问题背景，output为答案，数据集准备好以后就可以直接进行训练。ms-swift/docs/source/LLM/自定义与拓展.md at main · modelscope/ms-swift (github.com)
Swift 6.0 如何更优雅的抛出和处理特定类型的错误
享受开发，颠倒银河
08-23 1400
在本篇博文中，我们讨论了在 Swift 6.0 中如何更加优雅的抛出和处理指定类型的错误，并顺便聊了聊 Swift 6.0 之前的旧机制如何一致的做到向后兼容。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

李发展

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值