美文网首页
SwiftUI学习01

SwiftUI学习01

作者: 冷武橘 | 来源:发表于2021-11-24 18:12 被阅读0次

    借助 SwiftUI,您可以利用 Swift 的强大功能打造适合各个 Apple 平台的精美 app,而无需编写大量代码。SwiftUI 让您只需使用一套工具和 API,就能在任何 Apple 设备上为所有用户带来更加出色的体验。

    一、声明式语法

    SwiftUI 采用声明式语法,您只需声明用户界面应具备的功能便可。例如,您可以写明您需要一个由文本栏组成的项目列表,然后描述各个栏位的对齐方式、字体和颜色。您的代码比以往更加简单直观和易于理解,可以节省您的时间和维护工作。


    截屏2021-11-24 下午5.08.52.png

    这种声明式风格甚至适用于动画等复杂的概念。只需几行代码,就能轻松地向几乎任何控件添加动画并选择一系列即时可用的特效。在运行时,系统会处理所有必要的步骤和中断因素,来保证您的代码流畅运行、保持稳定。实现动画效果是如此简单,您还能探索新的方式让 app 更生动出彩。

    二、使用 SwiftUI 创建 App 界面

    概览

    如果您选择使用 SwiftUI 框架开发 app,则可以在布置用户界面时看到一个交互式预览。Xcode 会使您对源代码、用户界面布局和检查器所做的更改保持同步。例如,您在检查器中编辑属性时,Xcode 会将对应的代码添加到源文件中。

    显示 SwiftUI 预览

    要显示预览,请在项目导航器中选择一个使用 SwiftUI 的文件,再选取“Editor”(编辑器) >“Canvas”(画布)。然后,点按画布右上角的“Resume”(恢复) 按钮以启动预览。Xcode 会构建和运行代码,并直接在画布中显示结果。

    7a6b441e-d9b0-400a-b3f0-027413778674 (1).png

    编辑用户界面元素

    使用“Action”(操作) 菜单或检查器来编辑界面元素,或者通过在源代码编辑器中输入代码来编辑。按住 Command 键点按画布中的元素或代码中的结构,从“Action”(操作) 菜单中选取“Show SwiftUI Inspector”(显示 SwiftUI 检查器),然后在下一个面板中更改属性。另外,也可以选取“View”(显示) >“Inspectors”(检查器) >“Show Attributes Inspector”(显示属性检查器),并在右侧出现的属性检查器中更改属性。


    57c6dfb5-f977-43d2-abeb-01efcfd655b7.png

    嵌入用户界面元素

    此外,您可以通过在其他结构中嵌入元素来修改用户界面。按住 Command 键点按源代码或画布中的某个元素,然后从弹出式菜单中选取“Embed in [Generic Structure]”(嵌入 [通用结构]) 操作。例如,选取“Embed in HStack”(嵌入 HStack) 可以嵌入一个在水平直线上排列视图子项的元素。


    d659a2a4-b500-4e99-a005-f0ff62887239.png

    三、SwiftUI学习概览

    SwiftUI是一种为任何Apple平台声明用户界面的现代方法。 以前所未有的速度创建漂亮,动态的应用程序

    Chapter 1

    SwiftUI Essentials

    Learn how to use SwiftUI to compose rich views out of simple ones, set up data flow, and build the navigation while watching it unfold in Xcode’s preview.

    Chapter 2

    Drawing and Animation

    Discover how to draw shapes and paths to create a badge that you’ll animate, while also creating seamless transitions between views.

    Chapter 3

    App Design and Layout

    Explore the structure and layout of more complex interfaces built with SwiftUI.

    Chapter 4

    Framework Integration

    Use SwiftUI views together with the views and view controllers from platform-specific UI frameworks.

    相关文章

      网友评论

          本文标题:SwiftUI学习01

          本文链接:https://www.haomeiwen.com/subject/nkintrtx.html