第8章第22节：完成理财类别九宫格视图的制作 [SwiftUI快速入门到实战]

最新推荐文章于 2023-08-12 19:25:15 发布
最新推荐文章于 2023-08-12 19:25:15 发布
阅读量273 收藏
点赞数
分类专栏： SwiftUI快速入门到实战 文章标签： swift swiftui swiftui教程 ios开发
本文为互动教程网原创文章，欢迎转载但请注明来源。
本文链接：https://blog.csdn.net/fzhlee/article/details/120341247
版权
本教程详细讲解了如何利用SwiftUI构建一个理财类别的九宫格视图，包括设置容器视图、绘制图标背景、创建自定义视图、添加不同颜色和标题，以及实现动画效果。通过一步步的操作，最终完成了从无到有的九宫格视图制作过程。
摘要由CSDN通过智能技术生成

  1. 本节课延续上一节课的内容，您将完成理财类别九宫格的制作。
    SwiftUI快速入门到实战

  2. 首先添加一个VStack视图，作为九宫格视图的容器。
    SwiftUI快速入门到实战

  3. 添加一个HStack视图，作为九宫格第一排图标的容器。
    SwiftUI快速入门到实战

  4. 添加一个按钮控件，作为九宫格的图标。
    SwiftUI快速入门到实战

  5. 添加一个VStack视图，作为按钮的内容视图的容器。

了解本专栏 订阅专栏 解锁全文 超级会员免费看
李发展
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
第8章第21节：开始制作理财类目选取的九宫格页面 [SwiftUI快速入门到实战]
互动教程网[www.hdjc8.com]
09-17 227
您已经完成了理财产品应用程序的用户档案页面的制作，本节课开始制作理财类目选取的九宫格页面，首先创建一个新的视图文件。 保持当前的文件模板选项，点击此处的下一步按钮，进入下一步设置页面。 然后在文件名称输入框里，输入自定义视图的文件名称。 最后点击创建按钮，创建一个新的自定义视图文件。 接着开始编写代码，完成理财类别九宫格的制作。 首先添加一个属性，作为标题视图的内边距。 由于当前页面为二级页面，所以添加一个PresentationMode类型的属性，实现当前页面在导航..
（十二）swift UIButton 九宫格
steven的专栏
12-15 3121
固定4个数目 代码如下:import UIKit import Cartographyclass WorkViewController: UIViewController {override func viewDidLoad() { super.viewDidLoad() createButton_Salary() createButton_Notice(); crea
SwiftUI之用Anchor做个grid九宫格效果
iCloudEnd的博客
03-28 1016
我们将继续掌握wiftUI中的视图首选项。anchor首选项是SwiftUI提供的另一种视图首选项。锚点首选项的主要目标是将布局数据（例如边界，中心坐标等）传递到其父视图 本文价值与收获 看完本文后，您将能够作出下面的界面 Jietu20200328-093809@2x.jpg 基本 让我们构建一个简单的视图，该视图显示文本并将其边界传递给祖先。父视图将在该位置绘制...
swift-一个SwiftUI的灵活网格布局视图
08-14
一个SwiftUI的灵活网格布局视图
swift-简单九宫格算法与使用
08-15
简单九宫格算法，可以帮你自动计算间距，对控件(Button/Label/imageView...)或view进行有序排列。
第9章第22节：完成自定义消息视图的制作 [SwiftUI快速入门到实战]
互动教程网[www.hdjc8.com]
09-26 101
您已经完成了和客服页面有关的数据模型和网络请求功能的实现，接着来制作客服页面，首先打开之前创建的客服页面。 点击此处的显示或隐藏导航器图标，隐藏左侧的项目导航面板。 接着编写代码，开始制作客服页面。 首先添加一个属性，用来和消息输入框进行绑定，作为用户向客服发送的消息。 添加另一个属性，当该属性的值为真时，弹出一个警告窗口，提示用户需要输入消息之后，再提交给客服。 添加另一个属性，用来从服务器获取和当前客户有关的消息。 初始化一个警告窗口，并设置窗口的标题。 由..
第9章第10节：完成课程列表视图的制作 [SwiftUI快速入门到实战]
互动教程网[www.hdjc8.com]
09-26 114
本节课延续上一节课的内容，您将完成课程列表视图的制作。现在开始编写代码，实现这项功能。首先按下键盘上的快捷键，打开文件模板选择窗口。 保持默认的模板选项，点击此处的下一步按钮，进入下一步设置页面。 然后在文件名称输入框里，输入文件的名称。 选择此处的组名，作为文件保存的位置。 最后点击创建按钮，创建一个新的自定义视图文件，作为课程列表单个选项的自定义视图。 现在开始编写代码，实现这个自定义视图。 首先添加一个属性，作为自定义视图的数据源，该属性是ModelTutori..
第8章第20节：完成个人理财档案页面功能列表的制作 [SwiftUI快速入门到实战]
互动教程网[www.hdjc8.com]
09-16 106
本节课延续上一节课的内容，您将完成功能列表的制作。现在开始编写代码，实现这项功能。 首先添加一个滚动视图，制作可以拖动的列表。 添加一个VStack视图，作为功能列表的容器。 继续添加一个VStack视图，作为功能选项和下方分隔线的容器。 添加一个HStack视图，作为列表里每一项的所有子视图的容器，并添加一个图像视图，以显示一枚图标。 设置图标的颜色为蓝色，并增加图标的尺寸。接着按下键盘上的command键。 在按下command键的同时，点击此处的视图，打开快捷操..
iOS swift写的九宫格菜单demo
09-06
用swift写的九宫格菜单控件，可自由设定菜单的大小、位置、间隔、图片样式、字体颜色，字体大小、支持分页，使用简单，三行代码即可集成
swift-BAGridView支付宝首页九宫格布局封装
08-14
支付宝首页 九宫格 布局封装，可以自定义多种样式，自定义分割线显示/隐藏、颜色等功能应有尽有
SwifttUI-Circles-Faces：学习SwifttUI
02-11
SwiftUI-如何制作和放置形状 学习SwiftUI
「Swift」类似微信九宫格图片任意拖拽图片更改顺序
最新发布
danjiujiaohun的博客
08-12 285
类似微信九宫格图片任意拖拽图片更改顺序
SwiftUI 布局篇汇总
iCloudEnd的博客
08-17 1260
布局实用文章 -SwiftUI 布局之Sheet实现不规则视图居中布局layoutPriority SwiftUI 布局之通过编程实现水平多色块分割overlay SwiftUI 布局之alignmentGuide如何让一个组件居中另外一个组件向上偏移(教程含源码) SwiftUI 布局之自定义手动布局设置各种相对位置(教程含源码) SwiftUI 杂谈之界面如何布局 布局基础文章 基础0...
【iOS（swift）笔记-7】自定义九宫格图片布局（基于SnapKit）
xihuandaxiaojie的专栏
02-20 3449
调用方法：// 我这里是将HxNineGridView添加到UITableViewCell里，你可以将它用在其他地方let nineGridView = HxNineGridView()self.contentView.addSubview(nineGridView)            nineGridView.snp.makeConstraints { (make) -> Void i...
swift -> UICollectionView 网格布局(九宫格) 可 移动，删除
mft8899的博客
04-19 1260
    import UIKit var itemWh:CGFloat = 0,itemHt:CGFloat = 75; class ViewController:UIViewController,UICollectionViewDelegate,UICollectionViewDataSource{ var data:[String] = [String...
swift和swiftui_深入了解swiftui的状态和性能
weixin_26635235的博客
09-14 1803
swift和swiftuiQuite a few people have written articles on SwiftUI, SwiftUI state management, and on SwiftUI application architecture. And quite a few of those articles were written by people eager to t...
SwiftUI vs Flutter ，跨平台谁叼？
开发者技术前线-DevolperFront
09-17 8626
点击上方“开发者技术前线”，选择“星标”13：21 在看真爱来自：花椒技术SwiftUI是什么苹果WWDC‘19有许多大的更新并且发布了新技术，其中有一个令开发者非常兴...
iOS8开发技术（Swift版）:核心绘图API
07-05
本课程主要介绍了iOS8中的核心绘图API，包括绘制直线、阴影、渐变、图像等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

李发展

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

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

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

打赏作者

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

抵扣说明：

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

余额充值