使用SwiftUI完成电子商务首页的制作

领域专家: 产品设计技术领域

2023-01-13 13:48:40

课时名称	课时知识点
使用SwiftUI完成电子商务首页的制作	您将在本节课制作一份，和电子商务有关的商品列表页面。通过制作该实例，您将掌握滚动视图在制作滚动内容时的应用，以及视图在屏幕上的精确摆放。\|\|View,视图

...全文

482 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

[java培训Web前端iosunity3dNet培训PHP工程师UI工程师是做什么的]自学unity3d能找工作(1).doc

1. 欢迎使用本专栏学习SwiftUI，这是苹果最近推出的最直观、最创新的全平台界面搭建技术，并且使用容易编写和阅读的声明式的语法。 2. 要使用SwiftUI技术，首先使用Xcode创建一个SwiftUI项目。保持默认的选项，点击下一步按钮，进入下一个设置页面。 3. 在产品名称输入框里，输入项目的名称。 4. 接着点击此处的下拉箭头，打开用户界面技术列表。 5. 在默认状态下，开发者使用故事板来搭建应用程序的用户界面，这里我们选择SwiftUI选项。 6. 然后打开生命周期管理选项列表。 7. Xc.

您将在本节课制作一份，和电子商务有关的商品列表页面。通过制作该实例，您将掌握滚动视图在制作滚动内容时的应用，以及视图在屏幕上的精确摆放。由于页面所有元素位于浅灰色的背景之上，所以添加一个ZStack视图，作为子视图的容器。绘制一个矩形图形，作为页面的背景。根据设计师提供的效果图，设置矩形的填充颜色为非常浅的灰色。并通过忽略安全区域的限制，将矩形撑满整个屏幕。除了背景之外的元素都是从上到下排列的，因此添加一个VStack视图，作为子视图的容器。添加一个ZStack视..

本节课继续产品列表页面的制作，首先添加一个滚动视图，设置滚动方向为垂直方向，并且不显示垂直滚动条。添加一个循环语句，对包含六个元素的数组进行遍历。接着添加一个HStack视图，作为并排两个产品图片的容器。添加一个ZStack视图，作为产品图片和其背景视图的容器。绘制一个圆角矩形，并设置圆角半径为10。接着按下键盘上的command键。在按下command键的同时，点击此处的视图，打开快捷操作菜单。选择此处的提取子视图命令，将HStack视图提取为一个自定义..

SwiftUI入门到实战课程 10年以上IT行业工作经验、三年以上IT行业教...

李发展的课程社区_NO_2

1

社区成员

703

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章