SwiftUI初体验

作者: swifter_mp | 来源:发表于2019-06-07 14:19 被阅读0次

项目地址 :GitHub

苹果与2019年6月4日发布的全新UI框架旨在统一苹果各平台的UI(包括UIKit ,AppKit...),这是一些例子(包含部分来自官方的教程)。

在开始之前,你需要如下准备

Xcode 11 beta

mac OS Mojave or Higher

(如果想要体验实时预览和完整的Xcode 11 功能,需要macOS 10.15 beta)

开始第一个demo

1.创建新的项目,并勾选使用SwiftUI

p1.png

p2.png

2.打开ContentView.swift文件,文件内容如下

如果使用的是macOS 10.15 beta 版本的系统则可以打开实时预览页面

p5.png

(如果是macOS 10.14打开也只有源代码编辑界面)

修改UI只需要按住command点击对应了的UI控件(或代码)编辑即可如下图:(macos 10.14不会弹出此菜单),修改预览中路那个的属性会直接自动同步更新源代码,更改代码会更新预览视图

p6.png

更多官方示例源码:

创建和组合视图(Creating and Combining Views)

列表和导航栏(Building Lists and Navigation)

处理用户事件(Handling User Input)

绘图路径和形状(Drawing Paths and Shapes)

动画和转场(Animating Views and Transitions)

复杂界面组合(Composing Complex Interfaces)

UIKit混合开发(Interfacing with UIKit)&(Working with UI Controls)

如果你想了解更多关于SwiftUI的内容,你可以通过以下途径获取

SwiftUI Apple 官方教程

SwiftUI Apple Documentation

WWDC19 SwiftUI

Xcode SwiftUI Source

相关文章

  • SwiftUI(1)初体验

    初体验SwiftUI,编学编写。欢迎交流指点。 SwiftUI看起来就很想H5的编程模式,跟原有的iOS UI框架...

  • SwiftUI初体验

    项目地址 :GitHub 苹果与2019年6月4日发布的全新UI框架旨在统一苹果各平台的UI(包括UIKit ,A...

  • SwiftUI: 爱的初体验

    前言 6月初,苹果WWDC19大会更新了很多东西,不过作为iOS开发人员更关注的还是SwiftUI、Combine...

  • SwiftUI 初体验 - Hello World

    Swift微信公众号: SwiftMic[https://www.swiftmic.com/] Hello Wor...

  • Redux For SwiftUI

    摘自《SwiftUI和Combine编程》---《SwiftUI架构》 Redux For SwiftUI 架构图...

  • yii初体验(7-15)

    yii初体验(7)视图 yii初体验(8)模块 yii初体验(9) 小部件widgets yii初体验(10) 前...

  • SwiftUI 实现微博项目

    WeiBo-SwiftUI 微博App项目实战 仓库代码:appke/WeiBo-SwiftUI: SwiftUI...

  • SwiftUI02

    SwiftUI Essentials SwiftUI要点 Creating and Combining Views...

  • SwiftUI01

    .Introducing SwiftUI SwiftUI is a modern way to declare u...

  • StackUI:像SwiftUI一样使用UIStackView

    你好,SwiftUI!再见,SwiftUI! 你好,SwiftUI! 让你着迷的东西,会引导着你成长。 在WWDC...

网友评论

    本文标题:SwiftUI初体验

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