LINE2019.11.24複雑なViewを小さなViewに分割する事で、繰り返しを避け、ソースを見やすくする方法を紹介します。Viewを分割してもパフォーマンスに大きな影響を及ぼさないのがSwiftUIの特徴の一つです。最後に環境この記事の情報は次のバージョンで動作確認しています。10.15.1Viewのプロパティ化SwiftUIではViewをプロパティに代入して、コンテナ内で使用できます。定義したプロパティに対して、さらにModifierを適用する事も可能です。{star.foregroundColor(.red)Text("カピ通信").padding()star.foregroundColor(.green)}}}上の例では、星型の画像をプロパティstarにバインドした後、Modifierを適用して個別に色を変えています。使用上の注意点としては、他のプロパティを参照するような記述をプロパティに含められません。これは、オブジェクトの作成時に問題が発生する為です。TextField()のような引数で他のプロパティを参照するものが使用できない事になります。そのような場合は、次に紹介するカスタムViewで実現します。カスタムViewの作成カスタムViewでは、引数が指定できる等、より複雑な制御が可能です。以下は、カプセル型のテキスト表示をするカスタムViewの作成例です。"アルパカ")}}}最後にViewを分割する方法2点(プロパティ化、カスタムView化)を紹介しました。関連記事SwiftUI【SwiftUI】ForEachの使い方(2/2)ForEachの繰り返し処理にて出力したデータを変更(追加、削除、並び替え)できるようにするには、SwiftUIが該当データを識別する為に、各要素の一意性が保証されている必要があります。本記事(2/2)では、各要素の一意性を保証したデータ...SwiftUI【SwiftUI】Formの使い方FormはiOSの「設定」アプリのようなUIを実現するViewタイプです。データ入力用の部品(View)をグループ化して表示できます。特定の条件によってViewの見た目を変える方法を紹介します。SwiftUI【SwiftUI】ForEachの使い方(1/2)ForEachは繰り返し処理の中で、Viewを生成する仕組みです。名前の配列をループしてそれぞれをTextViewにしたり、メニュー項目に追加したりする事ができます。加えて、ForEachを使うとViewを手動で追加した場合に...SwiftUI【SwiftUI】画像(Image)の使い方SwiftUIで画像を表示するのには、Image()を使用します。Image()はプロジェクトに取り込んだ画像の他に、OSに標準で組み込まれたシステムアイコンの表示も可能です。SwiftUI【SwiftUI】Viewを11個以上並べる方法SwiftUIにはVStackやHStackなどのコンテナでViewを10個までしか並べられない制限があります。11個以上のViewを並べる方法を紹介します。画面の背景色を指定する方法を解説します。Viewのレイアウト(VStack、HStack、ZStack)SwiftUIではStackと呼ばれる部品配置用のViewを組み合わせて、レイアウトを作成します。View(VStack、HStack、ZStack)の使い方を解説します。【SwiftUI】TextFieldの使い方コメントコメントを書き込むメールアドレスが公開されることはありません。コメントをキャンセルメールアドレスが公開されることはありません。views2019.02.062019.04.07カテゴリーswift19SwiftUI23未分類3開発6プロフィール当サイトの運営者capibara1969アプリ開発が趣味で、現在はSwiftを勉強中だけど昔に比べて記憶力が低下していくのを日々実感しています。調べて覚えた事を忘れないように、このサイトに記録を残していきます。views2019.02.062019.04.07カテゴリーswift19SwiftUI23未分類3開発6プロフィール当サイトの運営者capibara1969アプリ開発が趣味で、現在はSwiftを勉強中だけど昔に比べて記憶力が低下していくのを日々実感しています。調べて覚えた事を忘れないように、このサイトに記録を残していきます。capibara1969スポンサーリンク。