SwiftUI - Personal Factory (Page 2)

Personal Factory

SwiftUI

SwiftUIをまとめた記事

Introducing SwiftUI: Building Your First App まとめ

Introducing SwiftUI: Building Your First App まとめ

WWDC19のビデオ、Introducing SwiftUI: Building Your First App [https://developer.apple.com/videos/play/wwdc2019/204/]をまとめます。 Videoの概要 * 社内の会議室を一覧できるアプリを作成することを通してSwiftUIを使ったアプリの開発の流れを紹介 * Xcodeのプレビュー機能の紹介 * コードとキャンバスがシームレスに同期する * キャンバスで変更加えたものはコードも変更される * コードでビューに対して⌘+クリックすることでHStack/VStackをEmbedしたり、Extract viewとしてビューを切り分けたりできる * 切り分けたビューを組み合わせて画面遷移を作る方法の解説 * @Stateを使ったzoomedプロパティで画像のズームをタップで切り替える * Source of Truth(単一データソース)とDerived Value（派生データソース） * 依存関係の管理は難しい * 値を変えたとき、

Platforms State of the Union 書き起こし（SwiftUIのみ）

Platforms State of the Union 書き起こし（SwiftUIのみ）

Platforms State of the Union - WWDC 2019 [https://developer.apple.com/videos/play/wwdc2019/103/]で語られたSwiftUIの部分を書き起こします。 Developer Productivity Platforms Core Technologies デベロッパーの生産性についての話。優秀なツールは生産性を劇的に向上させる。時間に余裕ができて、よりよいアプリケーションが作れる。その土台がプログラミング言語です。この5年でSwiftは成熟し、全プラットフォームに組み込まれ、SwiftUIの基礎になりました。Xcodeはエディターとデバッカーではなく、必要なものすべてが入っている。継続したテストをサポートしたり、機械学習や拡張現実などの新しい技術を試す様々なツールも提供する。そして新たなフレームワークSwiftUiがUIの構築に革命をもたらす。 Swift、Xcode、SwiftUIの3つの要素で生産性のレベルが格段に上がり、アプリケーションの作り方が一新される。 SwiftUI Swif

SwiftUI On All Devices まとめ（概要のみ）

SwiftUI On All Devices まとめ（概要のみ）

wwdc19のSwiftUI On All Devices [https://developer.apple.com/videos/play/wwdc2019/240/]をまとめます。 SwiftUIはアップルプラットフォームならどれでも動作するように作られています。各プラットフォーム向けにアプリを作る際にどんな考えをもっておけばいいのかが解説されています。後半には同じアプリを4つのプラットフォームそれぞれに最適化するデモが話されていました。このまとめでは割愛しましたが、参考になる解説です。 SwiftUI On All Devices SwiftUIはあらゆるデバイス上で動くアプリを作るための近道。 Appleデバイスのアプリケーション開発には以下の4つのプラットフォームがある * AppKit(Mac) * UIKit(iPhone/iPad) * TVUIKit/UIKit(Apple TV) * WatchKit(Apple Watch) 従来ではデバイス間で同じコードを使うことはできなかった。 SwiftUIはすべてのデバイスで動作する。なので開発者に

Building Custom Views with SwiftUI まとめ

Building Custom Views with SwiftUI まとめ

WWDC19のSwiftUI関連のビデオをまとめたいと思います。今回はこちら * Building Custom Views with SwiftUI - WWDC 2019 [https://developer.apple.com/videos/play/wwdc2019/237/] SwiftUIでのレイアウトの仕組みとグラフィックが解説されています。今回はレイアウトの仕組みのみをまとめました。プレゼンテーション資料はこちら https://devstreaming-cdn.apple.com/videos/wwdc/2019/237x70rryl2b933v/237/237_building_custom_views_with_swiftui.pdf?dl=1 SwiftUIのレイアウトシステムレイアウトは画面上の表示領域を決めること。 struct ContentView: View { var body: some View { Text("Hello

SwiftUIにおけるVStack,HStackとFunction Builderの関係

WWDC19,5日目。前回SwiftUIのコードを読み解く [https://blog.personal-factory.com/2019/06/07/understand-swiftui-code/] の記事の最後にVStackでViewBuilderが使えるかがわからないという話をしました。 Labで質問をしたのでその結果をまとめます。そもそもの疑問 SwiftUIのVStackとHStackはクロージャーの中にViewコンポーネントを宣言的に実装することができます。 VStack { MapView() .edgesIgnoringSafeArea(.top) .frame(height: 300) CircleImage() .offset(x: 0, y: -130) .padding(.bottom, -130) VStack(alignment: .leading) { Text("Turtle Rock") .font(.titl

SwiftUIでUIViewControllerAnimatedTransitioningは使える？

WWDC3日目、SwiftUIのLabにて聞いたことをメモします。以前私は「ハーフモーダルで理解するFluid Interfece [https://personal-factory.booth.pm/items/1316137]」という技術同人誌を執筆しました。そのサンプルアプリとしてUIViewControllerAnimatedTransitioningを使ったカスタムトランジションをするアプリ [https://github.com/SatoTakeshiX/FluidInterfaceBook/tree/master/02_PhotoTransition] を作成しました。今回SwiftUIが登場して、カスタムトランジションができるかどうかが気になったのでLabで聞きました。組み込みのトランジションはあるまず、SwiftUIには組み込みのトランジションがあります。それを使えば画面遷移は実現できるそうです。こんな感じ。 body { VStack{ if isPresent { MyView().transi

SwiftUIのコードを読み解く

WWDC19参加中です。４日目です。ラボのSwift Open Hoursにいきまして、SwiftUIのコードを文法レベルで教えてもらいました。 Swift5.1になり、新しい構文がたくさん追加され、SwiftUIはそれをフルに活用しているので今回はチュートリアルのこちらのコードを読み合わせしました。 * Creating and Combining Views Section 6 Compose the Detail View [https://developer.apple.com/tutorials/swiftui/creating-and-combining-views#compose-the-detail-view] struct ContentView: View { var body: some View { VStack { MapView() .edgesIgnoringSafeArea(.top) .frame(height: 300)

SwiftUIの子ビューのクロージャーSelf参照について

SwiftUIの子ビューのクロージャーSelf参照について

WWDC19にて発表されたSwiftUIのチュートリアルを試し中です。 Handling User InputのCreate a Favorite Button for Each Landmarkの項目でButton(action: {}) メソッドの引数のクロージャーにSelfにアクセスしているところがありました。 URL https://developer.apple.com/tutorials/swiftui/handling-user-input#create-a-favorite-button-for-each-landmark Button(action: { self.userData.landmarks[self.landmarkIndex] .isFavorite.toggle() }) { if self.userData.landmarks[self.landmarkIndex] .isFavorite { Image(systemName: "star.fill")