iOS Designerを使用したユーザー インターフェイスの構築

Xamarin Designer for iOS は、Visual Studio for Macおよび Visual Studio と完全に統合された iOS ストーリーボードおよびインターフェイス ビルダー形式のビジュアル デザイナーです。 iOS Designerは、Xcode のインターフェイス ビルダーに加えて、Visual Studio for Macまたは Visual Studio でファイルを編集できるように、ストーリーボードと .xib 形式との完全な互換性を維持します。 さらに、Xamarin Designer for iOS では、エディターでデザイン時にレンダリングされるカスタム コントロールなどの高度な機能がサポートされています。

警告

iOS Designer は、Visual Studio 2019 バージョン 16.8 および Visual Studio 2019 for Mac バージョン 8.8 で非推奨とされ、Visual Studio 2019 バージョン 16.9 および Visual Studio for Mac バージョン 8.9 から削除されています。 iOS ユーザー インターフェイスを構築する推奨される方法は、Xcode を実行している Mac 上で直接行う方法です。 詳細については、「Xcode を使用したユーザーインターフェイスの設計」を参照してください。

可用性

iOS 用 Xamarin Designerは、Visual Studio for Mac および Windows 上の Visual Studio 2017 で使用できます。

これらのガイドは、Xamarin.iOS はじめに ガイドで説明されている内容に精通していることを前提としています。

iOS Designer の基本

このガイドでは、Xamarin iOS デザイナーの機能について説明します。 デザイナーの基本について説明し、デザイナーを使用してコントロールを視覚的にレイアウトする方法と、プロパティを編集する方法を示します。

デザイン可能なコントロールの概要

このガイドでは、カスタム コントロールの作成方法、およびデザイン サーフェイスでレンダリングするために満たす必要がある要件について詳しく説明します。 さらに、デザイン可能なコントロールを使用するときに発生する可能性がある一般的な問題をデバッグする方法も示します。

チュートリアル - iOS Designerでカスタム コントロールを使用する

この記事では、カスタム コントロールを作成し、iOS デザイナーで使用する方法を示す詳細なチュートリアルを提供します。 デザイナーのツールボックスでコントロールを使用できるようにして、ビューにドラッグ/ドロップできるようにする方法を示します。 さらに、デザイン時と実行時に適切にレンダリングされるようにコントロールを実装する方法と、デザイン時に設定できるプロパティを作成する方法も示します。

Xamarin iOS Designerを使用した自動レイアウト

このガイドでは、iOS の自動レイアウトと、iOS デザイナーで使用できる新しい制約ワークフローについて説明します。