SwiftUI

【SwiftUI】組み込み図形の描画

SwiftUIに標準で用意されている組み込み図形描画の部品を紹介します。 これらの部品はShapeプロトコルに準じています。
SwiftUI

【SwiftUI】アラートの使い方(alert)

(2020/8/13 更新) ユーザーに確認を促すアラートダイアログを表示する、.alert()の使い方について解説します。
SwiftUI

【SwiftUI】Buttonの使い方

Buttonは、ユーザーがタップして何かをするの使う処理を記述するViewです。
SwiftUI

【SwiftUI】画像(Image)の使い方

SwiftUIで画像を表示するのには、Image()を使用します。 Image()はプロジェクトに取り込んだ画像の他に、OSに標準で組み込まれたシステムアイコンの表示も可能です。
SwiftUI

【SwiftUI】グラデーションの使い方

グラデーションとは、連続した階調で色調や透明度が変化していく色の指定を指します。 SwiftUIでは線形、放射状、円すい状の3種類のグラデーションが使えます。 これらのグラデーションはすべて、Viewとして単独で使用したり、Modifier...
SwiftUI

【SwiftUI】色の指定方法(Color)

(2020/8/13 更新) SwiftUIでの色の指定方法を解説します。 色の指定にはColor構造体を使用します。
SwiftUI

【SwiftUI】 Viewのレイアウト(VStack、HStack、ZStack)

SwiftUIではStackと呼ばれる部品配置用のViewを組み合わせて、レイアウトを作成します。 本記事では3つのStack View(VStack、HStack、ZStack)を中心にレイアウト方法を解説します。
SwiftUI

【SwiftUI】Pickerの使い方

Pickerは複数の選択肢の中から1つの値をユーザーに選択させる為の部品です。 図のような回転ホイール表示が代表的なスタイルですが、プラットフォームによってスタイルが自動的に変わる特徴があります。
SwiftUI

【SwiftUI】ForEachの使い方(2/2)

ForEachの繰り返し処理にて出力したデータを変更(削除、並び替え)できるようにするには、SwiftUIが該当データを識別する為に、各要素の一意性が保証されている必要があります。 本記事(2/2)では、各要素の一意性を保証したデータコレク...
SwiftUI

【SwiftUI】ForEachの使い方(1/2)

ForEachは繰り返し処理の中で、Viewを生成する仕組みです。 名前の配列をループしてそれぞれをTextView化する、あるいはメニュー項目に追加するなどの動きを実現します。 加えて、ForEachを使うとViewを手動で追加した場合に...
SwiftUI

【SwiftUI】Viewを11個以上並べる方法

SwiftUIにはVStackやHStackなどのコンテナでViewを10個までしか並べられない制限があります。 11個以上のViewを並べる方法を紹介します。
SwiftUI

【SwiftUI】@Stateの使い方

(2020/11/28 更新) SwiftUIのデータバインディングの仕組みの一つである、@Stateについて解説します。 プロパティが更新された場合に、参照しているViewも同時に更新される仕組みが実現できます。 その他のデータバインデ...
SwiftUI

【SwiftUI】Formの使い方

(2020/11/8 更新) Formは設定画面などのデータ入力に使用するコントロールをグループ化するコンテナとして使用します。
SwiftUI

【SwiftUI】Textの使い方

Textは読み取り専用テキストを表示するViewです。 UiKitのUILabelに相当する部品です。
SwiftUI

【SwiftUI】TextFieldの使い方

(2020/09/26 更新) テキスト入力に使うTextField()の使い方を解説します。
SwiftUI

【SwiftUI】Viewの分割

(2020/03/10 更新) 複雑なViewを小さなViewに分割する事で、繰り返しを避け、ソースを見やすくする方法を紹介します。 Viewを分割してもパフォーマンスに大きな影響を及ぼさないのがSwiftUIの特徴の一つです。
SwiftUI

【SwiftUI】カスタムModifierの作成

(2020/05/4 更新) SwiftUIでは、定形のModifierをまとめたカスタムModifierを作成できます。これは、繰り返し処理を避け、ソースの簡素化をはかるのに有効です。 本記事では、カスタムModifierの定義方法と使用...
SwiftUI

【SwiftUI】条件によってViewの見た目を変える方法

(2020/10/24 更新) 特定の条件によってViewの見た目を変える方法を紹介します。
SwiftUI

【SwiftUI】Modifierをまとめて適用する

コンテナで括られた複数のViewに対して、Modifierをまとめて適用する方法を紹介します。
SwiftUI

【SwiftUI】Modifierの適用順

Viewに様々な変更を適用するModifierですが、適用する順番によって挙動が変わる事があります。 これはModifierが既存のViewのプロパティを変更しているのでは無く、変更を適用した新しいViewを毎回作成している事に関係します。...
SwiftUI

【SwiftUI】Viewのフレームサイズ指定(frame)

Viewのフレームサイズを指定する方法を解説します。 フレームはレイアウトの基準となる枠で、実際のView表示サイズとは異なる事があります。 具体的な例を示すと、下の図の青背景の部分が元々のTextView、回りの赤枠がこのViewに設定さ...
SwiftUI

【SwiftUI】画面の背景色指定

画面の背景色を指定する方法を解説します。 UIKitではUIViewControllerのプロパティで設定しますが、SwiftUIではどうするのでしょうか?
SwiftUI

【SwiftUI】Listの行削除

(2020/05/9 更新) Listで生成したデータ一覧の行削除処理について解説します。
SwiftUI

【SwiftUI】リファレンスマニュアルの読み解き

SwiftUIはUIKitに比べて比較的簡単なコードで記述が可能です。 チュートリアルを進めるだけで、おおよそコードの書き方は理解できるのですが、いざリファレンスマニュアルを読んでいくと、予想外の構文が並んでいて戸惑ったので、改めて解読して...
スポンサーリンク