SwiftUI

SwiftUIの基本

【SwiftUI】リファレンスマニュアルの読み解き
SwiftUIはUIKitに比べて比較的簡単なコードで記述が可能です。チュートリアルを進めるだけで、おおよそコードの書き方は理解できるのですが、いざリファレンスマニュアルを読んでいくと、予想外の構文が並んでいて戸惑ったので、改めて解読して...
【SwiftUI】 Viewのレイアウト(VStack、HStack、ZStack)
SwiftUIではStackと呼ばれる部品配置用のViewを組み合わせて、レイアウトを作成します。本記事では3つのStack View(VStack、HStack、ZStack)の使い方を解説します。
【SwiftUI】Viewを11個以上並べる方法
SwiftUIにはVStackやHStackなどのコンテナでViewを10個までしか並べられない制限があります。11個以上のViewを並べる方法を紹介します。
【SwiftUI】Viewのフレームサイズ指定
Viewのフレームサイズを指定する方法を解説します。フレームはレイアウトの基準となる枠で、実際のView表示サイズとは異なる事があります。具体的な例を示すと、下の図の青背景の部分が元々のTextView、回りの赤枠がこのViewに設定さ...
【SwiftUI】色の指定方法
SwiftUIでの色の指定方法を解説します。色の指定にはColor構造体を使用します。
【SwiftUI】画面の背景色指定
画面の背景色を指定する方法を解説します。UIKitではUIViewControllerのプロパティで設定しますが、SwiftUIではどうするのでしょうか?
【SwiftUI】グラデーションの使い方
グラデーションとは、連続した階調で色調や透明度が変化していく色の指定を指します。SwiftUIでは線形、放射状、円すい状の3種類のグラデーションが使えます。これらのグラデーションはすべて、Viewとして単独で使用したり、Modifier...
【SwiftUI】Listの行削除
Listからスワイプでの行削除を実現する方法を解説します。
【SwiftUI】Viewの分割
複雑なViewを小さなViewに分割する事で、繰り返しを避け、ソースを見やすくする方法を紹介します。Viewを分割してもパフォーマンスに大きな影響を及ぼさないのがSwiftUIの特徴の一つです。
【SwiftUI】@Stateの使い方
SwiftUIのデータバインディングの仕組みの一つである、@Stateについて解説します。
【SwiftUI】ForEachの使い方(1/2)
ForEachは繰り返し処理の中で、Viewを生成する仕組みです。たとえば、名前の配列をループしてそれぞれをTextViewにしたり、メニュー項目に追加したりする事ができます。加えて、ForEachを使うとViewを手動で追加した場合に...
【SwiftUI】ForEachの使い方(2/2)
ForEachの繰り返し処理にて出力したデータを変更(追加、削除、並び替え)できるようにするには、SwiftUIが該当データを識別する為に、各要素の一意性が保証されている必要があります。本記事(2/2)では、各要素の一意性を保証したデータ...
【SwiftUI】条件によってViewの見た目を変える方法
特定の条件によってViewの見た目を変える方法を紹介します。

UI部品

【SwiftUI】Textの使い方
Textは読み取り専用テキストを表示するViewです。UiKitのUILabelに相当する部品です。
【SwiftUI】Buttonの使い方
Buttonは、ユーザーがタップして何かをするの使う処理を記述するViewです。
【SwiftUI】TextFieldの使い方
テキスト入力に使うTextField()の使い方を解説します。
【SwiftUI】画像(Image)の使い方
SwiftUIで画像を表示するのには、Image()を使用します。Image()はプロジェクトに取り込んだ画像の他に、OSに標準で組み込まれたシステムアイコンの表示も可能です。
【SwiftUI】Formの使い方
FormはiOSの「設定」アプリのようなUIを実現するViewタイプです。データ入力用の部品(View)をグループ化して表示できます。
【SwiftUI】Pickerの使い方
Pickerは複数の選択肢の中から1つの値をユーザーに選択させる為の部品です。図のような回転ホイール表示が代表的なスタイルですが、プラットフォームによってスタイルが自動的に変わる特徴があります。
【SwiftUI】Alertの使い方
ユーザーに確認を促すアラートダイアログを表示する、Alertの使い方について解説します。

Modifier

【SwiftUI】Modifierの適用順
Viewに様々な変更を適用するModifierですが、適用する順番によって挙動が変わる事があります。これはModifierが既存のViewのプロパティを変更しているのでは無く、変更を適用した新しいViewを毎回作成している事に関係します。...
【SwiftUI】Modifierをまとめて適用する
コンテナで括られた複数のViewに対して、Modifierをまとめて適用する方法を紹介します。
【SwiftUI】カスタムModifierの作成
SwiftUIでは、定形のModifierをまとめたカスタムModifierを作成できます。これは、繰り返し処理を避け、ソースの簡素化をはかるのに有効です。本記事では、カスタムModifierの定義方法と使用方法を紹介します。
スポンサーリンク
カピ通信