Day18:SwiftUI Picker

前言

SwiftUI Picker 可以让我们自行选择项目,
也可以选择不同的呈现方式,
这篇文章来讨论 SwiftUI Picker。

实作

  • 打开一个新的专案,
    并在 view 里删除 text 带入 Picker:

    这里有一个 selection 参数,
    要传入 binding,
    这有点类似於 TabView。
    content 参数是一个放置要给使用者看的内容的 closure。
  • 宣告一个 @State property 并带入 selection 参数 :
  • 点击 content 参数会打开一个 trailing 并带入 text:
  • 添加一个 text 显示变数 selectedIndex 的值:

    由於 selection 参数的双向绑定,
    当我改变 UI 时,变数 selectedIndex 也应该随之改变,
    改变变数 selectedIndex 的值时,UI 也会随之改变,
    我们在 Text()後添加 tag:

  • MenuPickerStyle
    上面的范例是默认 wheel 的模式,
    这边来介绍 MenuPickerStyle:

  • SegmentedPickStyle

    关於 Picker 更详细的内容:
    Picker

<<:  日历功能更新 Day29

>>:  [Day 22]第二主餐-aws,始动

[Day 30] 最後的行动装置

那个行动装置 虽然我们都概括说是手机版,但 Media Query 其实支援更多装置的呈现,只是,应...

[Day 01] 单元测试是什麽?为什麽要做单元测试?

[Day 01] 单元测试是什麽?为什麽要做单元测试? 相信只要在资讯业待过一阵子, 一定都会听过单...

Day-1 简介与参赛动机

简介 第一次参加铁人赛,大家好,ID的由来为相信任何一门技术,只要投注心力,与正确的学期方向,就能够...

[必学] iPhone、iPad 和 iPod 的 AirPlay 失灵的解决方法

AirPlay 自 iOS 5 开始在 iPhone 和 iPad 推出後,一直以简单有用着称。Ai...