SwiftUIで年と月だけの DatePicker を表示させてみた

6.7K Views

November 14, 24

スライド概要

【Sansan × YUMEMI】iOSランチタイムLT 発表資料
https://yumemi.connpass.com/event/333140/

小清水健人

@_take_hito_

スライド一覧

koshimizu takehito / iOS app engineer

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

ダウンロード

ダウンロード(pdf - 5.04MB)

関連スライド

猫でも分かるUnreal Engineの学び方 - 超初心者向け編 - 2023 v1.0

ue4 ue5 ue-beginner

エピックゲームズジャパン 1.3M

Unreal Engine5 Lumenの仕組みと肝心なところ

ue5 ue-rendering ue-lumen

エピックゲームズジャパン 1.1M

SQL滅ぶべし

株式会社ホクソエム 850.1K

猫でも分かる UE5.0, 5.1 におけるアニメーションの新機能について【CEDEC+KYUSHU 2022】

ue5 cedec+kyushu ue-animation ue-optimize ue-bp ue-physics ue-sequencer

エピックゲームズジャパン 799.3K

SPAセキュリティ超入門

security php javascript

徳丸浩 791.1K

各ページのテキスト

SwiftUIで年と月だけの DatePicker を表示させてみた小清水健人

自己紹介 • 小清水健人 ( Koshimizu Takehito ) • @_take_hito_ ( https://x.com/_take_hito_ ) • 趣味 SwiftUI 素振り

https://x.com/_take_hito_

SwiftUI で年と月だけの DatePicker を表示したい

.date または .hourAndMinute の組み合わせのみ指定可能

SwiftUI だけではできない

UIDatePicker を使えばできそう💡

年と月を表示するモード

10.

11.

iOS 17.4+

12.

iOS 17.4 未満で使いたい

13.

UIKit をハックする

14.

UIDatePicker.Mode.date UIDatePickerStyle.inline

15.

タップする年と月のピッカーが表示される（これ使えそう）

16.

17.

ドキュメントされていない UIDatePicker.Mode

18.

魔法の数字で初期化🪄

19.

iOS 17.4 未満で年と月の表示ができた😎

20.

あとは UIViewRepresentable で UIDatePicker をラップするだけ

21.

22.

SwiftUI.DatePicker を模倣したインターフェイス Locale, Calendar, TimeZone を設定できるとプレビューが効率的

23.

サンプルコード https://gist.github.com/Koshimizu-Takehito/ e148411960e14188d75a8d9ed636e85b

24.

以上ですありがとうございました