capibara1969

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の使い方

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

【SwiftUI】Formの使い方

FormはiOSの「設定」アプリのようなUIを実現するViewタイプです。 データ入力用の部品(View)をグループ化して表示できます。
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に比べて比較的簡単なコードで記述が可能です。 チュートリアルを進めるだけで、おおよそコードの書き方は理解できるのですが、いざリファレンスマニュアルを読んでいくと、予想外の構文が並んでいて戸惑ったので、改めて解読して...
swift

【Swift/iOS】ナビゲーションバーにボタンを追加する

ナビゲーションバーにボタンを追加する方法を解説します。
swift

【Swift】print文の使い方

print文は式の値を標準出力に書き出す関数で、引数の値を文字列に変換して出力する事ができます。 主にプログラムの動作確認やデバッグに使用します。 Xcodeではprint文で出力した文字列は、デバッグエリアのコンソールウィンドウに表示され...
swift

【Swift/iOS】UI部品接続の変更方法

UI部品接続の削除および変更方法について解説します。 UI部品の接続方法については、先にこちらの記事を参照して下さい。
swift

【Swift/iOS】UI部品の接続方法

UI部品とコードの接続方法を解説します。 プロパティとして接続するアウトレット(Outlet)接続とメソッドとして接続するアクション(Action)接続の2種類の接続方式があります。
swift

【Xcode】エディタの分割表示

Xcodeでエディタを分割表示するアシスタントエディタ(Assistant Editor)について解説します。
swift

【Xcode】ヘッダーコメントのカスタマイズ

Xcodeで自動生成されるヘッダーコメントを任意にカスタマイズする方法を解説します。 デフォルトでは次のようなヘッダーコメントが生成されます。 環境 この記事の情報は次のバージョンで動作確認しています。 【Xcode】10.2【macOS...
スポンサーリンク