Tech [SwiftUI]GroupBox Examples SwiftUIで利用可能なGroupBoxについて簡単なサンプルを使って実際の動きをみていきます。公式ドキュメントでは「コンテンツの論理的なグループに関連付けられたオプションのラベルを持つスタイル化されたビュー」とのことですが、実際の例を使ってみてみるのが理解が早そうです。 2021.05.16 2022.07.20 TechSwiftUIJapanese
Tech [SwiftUI] List View with ListStyle. ListStyle別List Viewの表示差分 SwiftUIのList ViewにはlistStyleモディファイアを使いListStyleを指定することで表示スタイルを選択することができますが、いつもの通り公式サイトにはあまり詳しい説明がなかったため、何を使うとどうなるのかをパット見で分かると便利かと思いましたので、ここに整理しておきます。 2021.05.11 2022.07.20 TechSwiftUIJapanese
Tech [SwiftUI]@Stateの代わりに@ObservedObjectを使い、Child Viewの状態変化をParent Viewから参照可能にする Viewの外部からアクセスするために、@Stateと同じProperty Wrapperである@ObservedObjectを用いた実装について説明していきます。 2021.05.04 2022.07.20 TechSwiftUIJapanese
Tech [SwiftUI] GeomertyReader を用いて、親Viewの内側に等分に子Viewを配置する方法 親Viewのサイズに関わらず、均等にViewオブジェクトを配置する方法をGeomertyReaderを用いて実装します。geometry.sizeを活用することで、View内の相対的な座標を指定することが可能になるため、親Viewでのレイア... 2021.04.14 2022.07.20 TechSwiftUIJapanese
Japanese [SwiftUI]SwiftUIがContentViewや、View Objectを配置する仕組み。Modifierの有無や、その順番による結果の違いなど SwiftUIにおいては既存のUIKitとは異なり、コードベースでView Objectを配置していきますが、慣れるまではなかなか思ったとおりに配置できなかったりします。そこで、簡単な例を基にSwiftUIにおいて、ContentViewや... 2021.04.13 2022.07.20 JapaneseSwiftUITech
Japanese [SwiftUI]GeometryReaderを活用した、Global座標、Local座標の取得方法と.offsetモディファイヤの変化に伴う座標の変化 SwiftUIにおいて、Global座標、Local座標というところに着目して、その値の取得方法やViewの配置方法と、親子それぞれでオフセットを変更した場合に、どのように座標の値が変化するのかを簡単に整理したいと思います。 2021.04.10 2024.03.12 JapaneseSwiftUITech
SwiftUI [SwiftUI]ステータスバーの高さを取得する方法 SwiftUI において、特定のデバイスに依存しない実装となることが好ましいため、デバイス毎の画面サイズ( UIKit におけるサイズ= Points )を取得する方法をまとめてみました。 Xcode : 12.4, Swift: 5 Ap... 2021.04.09 2023.04.11 SwiftUI
SwiftUI [SwiftUI] リストアイテム を常に 移動 可能 にする SwiftUI において、リスト に登録した リストアイテム を 移動 する View を実装したかったのですが、 toolbar の EditButton を用いる実装では都度 Edit ボタン を クリック する必要があり、その手間を省... 2021.03.31 2022.01.24 SwiftUI
SwiftUI [SwiftUI] JSONファイルをSwiftUIでDecodeし、Viewで活用する方法 (ObservableObject) 以下の3つの整合性がしっかり合っていないと、プレビューがクラッシュする上、どこに問題があるのかデバッグが難しいので、念入りに確認するのがよい。 JSONファイル(.jsonファイル) 今回はteam.jsonというファイルJSONデータ構造... 2021.03.30 2021.07.28 SwiftUI
SwiftUI [SwiftUI]オブジェクトのドラッグを可能にし、移動した座標を表示する. How to drag an object and display its position in SwiftUI. SwiftUIのViewにおいて、作成したオブジェクトをドラッグし、そのドラッグ後の座標をリアルタイムに表示する方法を紹介します。ポイントとなるキーワードは以下のとおりです。@State, .gesture, onChanged 2021.03.20 2022.07.20 SwiftUI