1. 本节课演示HStack布局视图的使用,HStack视图可以使其子视图,在水平方向上进行等距排列。首先按下键盘上的command键。

  2. 在按下command键的同时,点击此处的文本视图,打开快捷操作菜单。

  3. 选择此处的HStack选项,将文本视图嵌入到HStack视图里。

  4. 接着在HStack视图中,添加更多的子视图。

  5. 添加一个图像视图,显示一枚书本图标。此时图像视图和文本视图在水平方向上进行等距排列。

  6. 继续添加一个Spacer空格视图,它的作用是自动调整自身的宽度,以使VStack里的所有子视图&#x

第3章第2节:使用HStack在水平方向排列视图 [SwiftUI快速入门到实战]相关推荐

  1. 第2章第22节:如何在SwiftUI中绘制一个圆形 [SwiftUI快速入门到实战]

    在SwiftUI里可以很方便的绘制各种各样的图形,您将在第七章和第八章,绘制各种复杂和漂亮的图形和图表,本节课先演示简单圆形的绘制. 绘制一个圆形,它的填充颜色默认是黑色. 通过调用它的fill方法, ...

  2. 第4章第10节:如何制作一个模拟手机解锁的动画 [SwiftUI快速入门到实战]

    本节课制作一个模拟手机解锁的动画,我们需要一个文本视图,用来执行色彩变换的动画.文本视图的上方是一个长方形,用来执行由左至右缩小的动画. 首先添加一个布尔属性,标识是否进行色彩变换的动画. 添加一个Z ...

  3. 第7章第11节:完成银行卡片视图的创建 [SwiftUI快速入门到实战]

    很多金融产品都需要用户选择和设置自己的银行账号,本节课演示银行卡片的制作和选择,当用户选择某张银行卡片时,以动画的形式显示所选的卡片. 首先我们需要制作一张银行卡片,定义一个遵循View协议的结构体, ...

  4. 第7章第24节:完成漂亮的甜甜圈图表的制作 [SwiftUI快速入门到实战]

    本节课延续上一节课的内容,您将完成漂亮的甜甜圈图表的制作. 由于甜甜圈图表的彩色的圆环和文本视图,都位于同一个区域,所以添加一个ZStack视图,作为子视图的容器. 继续添加一个ZStack视图,作为 ...

  5. 第5章第18节:创建一个简单的Widget小组件 [SwiftUI快速入门到实战]

    Widget是iOS 14的新特性,要创建小组件,需要使用到SwiftUI和WidgetKit.要在项目中创建Widget,首先点击此处的加号图标,添加一个target. 点击右侧的垂直滚动条,查看W ...

  6. 第5章第21节:实现Widget对应的完整应用中的功能 [SwiftUI快速入门到实战]

    本节继续天气小组件的制作,您将实现Widget对应的完整应用中的功能,用户可以在应用中挑选目标城市,再由Widget显示该城市的天气信息. 由于要在应用和Widget之间传递数据,所以需要将应用和Wi ...

  7. 第5章第4节:如何给视图添加旋转手势 [SwiftUI快速入门到实战]

    本节课演示旋转手势的使用,旋转手势常用于对图片进行旋转操作,需要同时使用到两个手指.现在开始编写代码,为视图添加一个旋转手势. 首先添加一个属性,表示图像视图进行旋转的角度. 接着初始化一个旋转手势, ...

  8. 第4章第13节:创建漂亮的色轮旋转动画 [SwiftUI快速入门到实战]

    本节课演示如何制作一个彩色的圆环,进而创建漂亮的色轮旋转动画. 首先添加一个布尔类型的属性,标识是否开始播放动画. 添加一个ZStack视图,作为子视图的容器.接着创建一个简单的圆形图形. 给圆形设置 ...

  9. 第4章第15节:如何利用裁剪图形制作探照灯滚动扫描效果 [SwiftUI快速入门到实战]

    本节课将继续使用裁剪图形,制作探照灯滚动扫描的艺术效果. 首先添加一个布尔类型的属性,标识是否开始播放动画. 添加一个ZStack视图,作为子视图的容器.并通过图像视图,读取项目里的指定名称的图片. ...

最新文章

  1. 修改ESP8266-01S MicroPython下载固件,看是否能够烧录程序
  2. 如何读取jar包外的properties和log4j.properties等配置文件
  3. 怎样才算全面的分类?
  4. Eclipse+Web3j开发以太坊应用
  5. web开发语言大盘点
  6. 花书+吴恩达深度学习(九)优化方法之二阶近似方法(牛顿法, CG, BFGS, L-BFGS)
  7. R中双表操作学习[转载]
  8. java捕捉sql执行异常_如何捕获java.sql.SQLIntegrityConstraintViolationException?
  9. 一次使用BeanPostProcessor疏漏引起的重大bug
  10. CSDN博客添加使用百度统计
  11. C++标准模板(STL)- 算法 (std::adjacent_find)
  12. 记一次阿里云木马排查过程
  13. 解析社交电商运营模式玩法的秘密?
  14. matlab离群值处理,数据平滑和离群值检测
  15. 计算机应用基础2008版试卷,《计算机应用基础》考试试卷(A卷)
  16. 【PTA|Python】浙大版《Python 程序设计》题目集:第六章
  17. 三门问题代码_三门专业专业课程旨在弥合企业对开放源代码的使用与理解之间的鸿沟
  18. 函数对称性常见公式_三角函数的对称性公式大全
  19. QML delegate中使用Repeater
  20. open函数返回-1_python高手养成记05:最详细的python函数教程

热门文章

  1. 区块链+公证掀起落地潮,上海再添一例
  2. c4d流体插件_【C4D】流体插件详细讲解2
  3. Java学习笔记2:使用replaceAll()方法替换字符串中的反斜杠:左斜杠(\)和右斜杠(/)
  4. mysql事物开始命令_MySQL命令行事务
  5. 微型计算机中一个字的长度是,微处理器处理的数据基本单位为字。一个字的长度通常是(     )...
  6. npm发布、卸载、以及解决报错
  7. 用`visibilitychange`事件实现吸睛的十八禁
  8. html5 PHP 日期选择框datetime-local取出数据有T 的解决办法
  9. Django中 JWT -- obtain_jwt_token的原理
  10. Java中Array、List、Map相互转换