Cocoa API解説(macOS/iOS)

iOS , Mac アプリケーション開発のために使われる主要フレームワークの日本語情報です。

目次

Views and Controls

INDEX>SwiftUI > Views and Controls

Overview
ビューとコントロールは、アプリケーションのユーザーインターフェースの視覚的な構成要素です。
これらを使用して、アプリのコンテンツを画面に表示します。
ビューは、テキスト、画像、形状、カスタム図面、およびこれらすべての組み合わせを表します。
コントロールにより、ユーザーのプラットフォームとコンテキストに適応する一貫したAPIとの対話が可能になります。

視覚的な関係と階層を指定するコンテナーを使用してビューを結合します。
モディファイア(修飾子)と呼ばれるメソッドを使用して、組み込みビューおよびアプリ用に作成したビューの表示、動作、対話性をカスタマイズします。


ビューとコントロールにモディファイヤを適用して、次のことを行います。

ビューのサイズ、位置、および外観の属性を制御します。

タップ、ジェスチャー、その他のユーザー操作に応答します。

ドラッグアンドドロップ操作をサポートします。

アニメーションとトランジションをカスタマイズします。

スタイル設定とその他の環境データを設定します。

ビューとコントロールの使用方法の詳細については、ヒューマンインターフェイスガイドラインを参照してください。


トピック
必須

プロトコルビュー
SwiftUIビューを表すタイプ。


ビューの作成と結合
このチュートリアルでは、お気に入りの場所を発見して共有するためのiOSアプリであるランドマークの構築について説明します。 まず、ランドマークの詳細を示すビューを作成します。

UIコントロールの操作
ランドマークアプリでは、ユーザーは自分の個性を表現するプロファイルを作成できます。 ユーザーがプロフィールを変更できるようにするには、編集モードを追加して、設定画面をデザインします。

Text

struct Text
1行以上の読み取り専用テキストを表示するビュー。

struct TextField

TextField - Cocoa API解説(macOS/iOS)
編集可能なテキストインターフェイスを表示するコントロール

struct SecureField

ユーザーがセキュリティ入力を行うテキストコントロール

struct Font

An environment-dependent font.

Images

struct Image

A view that displays an environment-dependent image.

Buttons

struct Button

A control that performs an action when triggered.

struct NavigationLink
A button that triggers a navigation presentation when pressed.

struct MenuButton
A button that displays a menu containing a list of choices when pressed.

struct EditButton
A button that toggles the edit mode for the current edit scope.

struct PasteButton
A system button that triggers reading data from the pasteboard.

Value Selectors
struct Toggle
A control that toggles between on and off states.

struct Picker
A control for selecting from a set of mutually exclusive values.

struct DatePicker
A control for selecting an absolute date.

struct Slider
A control for selecting a value from a bounded linear range of values.

struct Stepper
A control used to perform semantic increment and decrement actions.

Supporting Types
struct ViewBuilder
A custom parameter attribute that constructs views from closures.

protocol ViewModifier
A modifier that you apply to a view or another view modifier, producing a different version of the original value.