Xamarin.Mac の .xib ファイル

[アーティクル]
03/14/2017

この記事は、Xcode の Interface Builder で作成された .xib ファイルを操作して、Xamarin.Mac アプリケーションのユーザーインターフェイスを作成および管理する方法について説明しています。

Note

Xamarin.Mac アプリのユーザーインターフェイスを作成するには、ストーリーボードを使用することをお勧めします。このドキュメントは、過去の経緯を残すという歴史的な理由と、古い Xamarin.Mac プロジェクトに対応するために、そのまま残されています。詳細については、ストーリーボードの概要に関するドキュメントをご覧ください。

概要

Xamarin.Mac アプリケーションで C# と .NET を使用している場合、Objective-C と Xcode を使用する開発者が使用しているのと同じユーザーインターフェイス要素とツールを使用できます。 Xamarin.Mac は直接 Xcode と統合できるため、Xcode の Interface Builder を使用して、ユーザーインターフェイスを作成および保守できます (または、必要に応じて C# コードで直接作成することも可能です)。

.xib ファイルは、Xcode の Interface Builder でグラフィカルに作成および管理されるアプリケーションのユーザーインターフェイス (メニュー、Windows、ビュー、ラベル、テキストフィールドなど) の要素を定義するために macOS によって使用されます。

この記事では、Xamarin.Mac アプリケーションでの .xib ファイルの使用の基本について説明します。「Hello, Mac」記事では、この記事で使用することになる主要な概念と手法が説明されているため、まずはこれを確認することを強くお勧めします。

Xamarin.Mac Internals ドキュメントの C# クラス/メソッドの Objective-C への公開に関するセクションも参照することをお勧めします。C# クラスを Objective-C オブジェクトと UI 要素に結び付けるために使われる Register および Export 属性について説明されています。

Xcode と Interface Builder の概要

Xcode の一部として、Apple は Interface Builder というツールを作成しました。このツールを使用すると、Designer でユーザーインターフェイスを視覚的に作成できます。 Xamarin.Mac は Interface Builder とスムーズに統合され、Objective-C ユーザーと同じツールで UI を作成できます。

Xcode のコンポーネント

Visual Studio for Mac から Xcode で .xib ファイルを開くと、左側にプロジェクトナビゲーター、中央にインターフェイス階層とインターフェイスエディター、右側にプロパティとユーティリティのセクションが表示されます。

これらの Xcode セクションの機能と、それらを使用して Xamarin.Mac アプリケーションのインターフェイスを作成する方法を見てみましょう。

Xcode で .xib ファイルを開くと、Visual Studio for Mac によって Xcode プロジェクトファイルがバックグラウンドで作成され、Visual Studio for Mac と Xcode の間で変更が通知されます。その後、Xcode から Visual Studio for Mac に戻ると、このプロジェクトに対する変更は Visual Studio for Mac によって Xamarin.Mac プロジェクトと同期されます。

プロジェクトナビゲーション セクションでは、この shim Xcode プロジェクトを構成するすべてのファイル間を移動できます。通常、この一覧の .xib ファイル (MainMenu.xib、MainWindow.xib など) にのみ関心があります。

インターフェイス階層

インターフェイス階層セクションでは、プレースホルダーやメイン ウィンドウなどのユーザーインターフェイスの主要な複数のプロパティに簡単にアクセスできます。また、このセクションを使用して、ユーザーインターフェイスを構成する個々の要素 (ビュー) にアクセスしたり、階層内でそれらの要素をドラッグして、入れ子にする方法を調整したりできます。

インターフェイスエディター

インターフェイスエディターのセクションでは、ユーザーインターフェイスをグラフィカルにレイアウトする画面が提供されます。 プロパティとユーティリティのセクションにあるライブラリ セクションから要素をドラッグして、デザインを作成します。ユーザーインターフェイス要素 (ビュー) をデザインサーフェイスに追加すると、インターフェイスエディターに表示されている順序でインターフェイス階層セクションに追加されます。

プロパティとユーティリティ

プロパティとユーティリティのセクションは、プロパティ (インスペクターとも呼ばれる) とライブラリという使用する 2 つの主要なセクションに分かれています。

プロパティインスペクター

最初はこのセクションはほとんど空ですが、インターフェイスエディターまたはインターフェイス階層で要素を選択すると、プロパティ セクションには指定した要素と調整可能なプロパティに関する情報が設定されます。

プロパティ セクションには、次の図に示すように 8 つの異なるインスペクタータブがあります。

左から順に次のタブがあります。

ファイルインスペクター – ファイルインスペクターは編集中の Xib ファイルの場所やファイル名などのファイル情報を示します。
クイックヘルプ – クイックヘルプでは、Xcode での選択内容に基づいたヘルプが表示されます。
ID インスペクター – ID インスペクターでは、選択したコントロールまたはビューに関する情報が表示されます。
属性インスペクター – 属性インスペクターを使用すると、選択したコントロールまたはビューのさまざまな属性をカスタマイズできます。
サイズインスペクター – サイズインスペクターを使用すると、選択したコントロールまたはビューのサイズとサイズ変更の動作を制御できます。
接続インスペクター – 接続インスペクターには、選択したコントロールのアウトレットとアクションの接続が表示されます。アウトレットとアクションをすぐに確認します。
バインドインスペクター – バインドインスペクターを使用すると、値が自動的にデータモデルにバインドされるようにコントロールを構成できます。
表示効果インスペクター – 表示効果インスペクターを使用すると、コントロールにアニメーションなどの効果を指定できます。

ライブラリ セクションでは、コントロールとオブジェクトを探してデザイナーに配置し、グラフィカルにユーザーインターフェイスを構築します。

ライブラリインスペクターの例

Xcode IDE とインターフェイスビルダーについて理解したので、それを使用してユーザーインターフェイスを作成する方法を見てみましょう。

Xcode でのウィンドウの作成と保守

Xamarin.Mac アプリのユーザーインターフェイスを作成するための推奨される方法は、ストーリーボード (ストーリーボードの概要に関するドキュメントをご覧ください) であり、その結果、Xamarin.Mac で開始された新しいプロジェクトでは、既定でストーリーボードが使用されます。

.xib ベースの UI の使用に切り替えるには、次の操作を行います。

Visual Studio for Mac を開き、新しい Xamarin.Mac プロジェクトを開始します。
Solution Pad でプロジェクトを右クリックし、[追加]>[新しいファイル...] を選択します。
Mac>Windows コントローラーを選択します。
名前に「MainWindow」と入力し、[新規] ボタンをクリックします。
プロジェクト名を右クリックし、[追加]>[新しいファイル] を選びます。
[Mac]>[メインメニュー] を選択します。
名前は「MainMenu」のままにし、[新規] ボタンをクリックします。
Solution Pad で Main.storyboard ファイルを選択し、右クリックして [削除] を選択します。
[削除] ダイアログボックスで、[削除] ボタンをクリックします。
Solution Pad で Info.plist ファイルをダブルクリックして編集用に開きます。
メインインターフェイス ドロップダウンから MainMenu を選択します。
Solution Pad で、MainMenu.xib ファイルをダブルクリックして Xcode のインターフェイスビルダーで編集するために開きます。
ライブラリインスペクターで、検索フィールドに「object」と入力し、新しいオブジェクトをデザイン画面にドラッグします。
ID インスペクターで、クラス の AppDelegate を入力します:
インターフェイス階層からファイルの所有者を選択し、接続インスペクターに切り替えて、デリゲートからプロジェクトに追加したAppDelegateオブジェクトに行をドラッグします。
変更を保存し、Visual Studio for Mac に戻ります。

これらすべての変更を行った状態で、AppDelegate.cs ファイルを編集し、次のようにします。

using AppKit;
using Foundation;

namespace MacXib
{
    [Register ("AppDelegate")]
    public class AppDelegate : NSApplicationDelegate
    {
        public MainWindowController mainWindowController { get; set; }

        public AppDelegate ()
        {
        }

        public override void DidFinishLaunching (NSNotification notification)
        {
            // Insert code here to initialize your application
            mainWindowController = new MainWindowController ();
            mainWindowController.Window.MakeKeyAndOrderFront (this);
        }

        public override void WillTerminate (NSNotification notification)
        {
            // Insert code here to tear down your application
        }
    }
}

これで、アプリのメインウィンドウが、ウィンドウコントローラーの追加時にプロジェクトに自動的に含まれる .xib ファイルに定義されます。 Windows デザインを編集するには、Solution Pad で MainWindow.xib ファイルをダブルクリックします。

MainWindow.xib ファイルの選択

これにより、Xcode の Interface Builder でウィンドウデザインが開きます:

標準ウィンドウワークフロー

Xamarin.Mac アプリケーションで作成して操作するウィンドウの場合、プロセスは基本的に同じです。

プロジェクトに自動的に追加される既定ではない新しいウィンドウの場合は、新しいウィンドウ定義をプロジェクトに追加します。
.xib ファイルをダブルクリックして、Xcode の Interface Builder で編集用のウィンドウデザインを開きます。
属性インスペクターとサイズインスペクターで、必要なウィンドウプロパティを設定します。
インターフェイスを構築するために必要なコントロールをドラッグし、それらを属性インスペクターで構成します。
[サイズインスペクター] を使用して、UI 要素のサイズ変更を処理します。
アウトレットとアクションを使用して、ウィンドウの UI 要素を C# コードに公開します。
変更内容を保存し、Visual Studio for Mac に戻って Xcode と同期します。

ウィンドウレイアウトの設計

Interface ビルダーでユーザーインターフェイスをレイアウトするプロセスは、追加するすべての要素で基本的に同じです。

[ライブラリインスペクター] で目的のコントロールを見つけて、[インターフェイスエディタ] にドラッグして配置します。
[属性インスペクター] で、必要なウィンドウプロパティを設定します。
[サイズインスペクター] を使用して、UI 要素のサイズ変更を処理します。
カスタムクラスを使用している場合は、[ID インスペクター] で設定します。
アウトレットとアクションを使用して、UI 要素を C# コードに公開します。
変更内容を保存し、Visual Studio for Mac に戻って Xcode と同期します。

例:

Xcode で、ライブラリ セクションからボタンをドラッグします。
[インターフェイスエディター] のボタンの横にあるウィンドウにラベルをドラッグします。
属性インスペクターの Title プロパティをクリックし、ボタンのタイトルを「Click Me」に変更します。
ライブラリセクションからラベルをドラッグします。
Interface Editor のボタンの横にあるウィンドウにラベルをドラッグします。
ラベルの右ハンドルをつかみ、ウィンドウの端に近づくまでドラッグします。
[インターフェイスエディター] でラベルが選択された状態で、[サイズインスペクター] に切り替えます。
[自動サイズ設定] ボックスで、右側の赤い角かっこをクリックし、中央の赤い矢印をクリックします。
これにより、実行中のアプリケーションでウィンドウのサイズが変更されると、ラベルが拡大および縮小されます。 [自動サイズ設定ボックス] ボックスの上部と左側の赤い角かっこは、指定された X と Y の位置にラベルが貼り付けられることを示します。
ユーザーインターフェイスに対する変更を保存します

コントロールのサイズを変更したり移動したりすると、OS X のヒューマンインターフェイスガイドラインに基づいた役立つスナップヒントがインターフェイスビルダーに表示されます。これらのガイドラインは、Mac ユーザーにとってなじみのある外観と操作感を備えた高品質のアプリケーションを作成するのに役立ちます。

[インターフェイス階層] セクションを見ると、ユーザーインターフェイスを構成する要素のレイアウトと階層がどのように表示されるかがわかります。

インターフェイス階層内の要素の選択

ここから、必要に応じて項目を選んで編集することや、UI 要素をドラッグして順序を変更することができます。たとえば、UI 要素が別の要素で覆われている場合、その要素をリストの一番下にドラッグすると、その要素をウィンドウの一番上の項目にすることができます。

Xamarin.Mac アプリケーションでの Windows の操作の詳細については、Microsoft の Windows のドキュメントをご覧ください。

UI 要素を C# コードに公開する

Interface Builder でユーザーインターフェイスの外観をレイアウトしたら、UI の要素を公開して、C# コードからアクセスできるようにする必要があります。これを行うには、アクションとアウトレットを使用します。

カスタムメインウィンドウコントローラーの設定

アウトレットとアクションを作成して UI 要素を C# コードに公開できるようにするには、Xamarin.Mac アプリでカスタムウィンドウコントローラーを使用する必要があります。

次の操作を行います。

Xcode の Interface Builder でアプリのストーリーボードを開きます。
デザインサーフェイスで [NSWindowController] を選択します。
Identity Inspector ビューに切り替え、クラス名として「WindowController」と入力します:
変更内容を保存し、Visual Studio for Mac に戻って同期します。
WindowController.cs ファイルは、Visual Studio for Mac の Solution Pad のプロジェクトに追加されます。
Xcode の Interface Builder でアプリのストーリーボードを再度開きます。
WindowController.h ファイルが使用できるようになります。

アウトレットとアクション

では、アウトレットとアクションとは何でしょうか。従来の .NET ユーザーインターフェイスプログラミングでは、ユーザーインターフェイスのコントロールは追加時にプロパティとして自動的に公開されます。 Mac では事情が異なり、ビューにコントロールを追加しただけでは、コントロールはコードにアクセスできません。開発者は、UI 要素を明示的にコードに公開する必要があります。これを行うために、Apple は 2 つのオプションを提供しています。

Outlet – Outlet はプロパティに似ています。コントロールをアウトレットに接続すると、プロパティを介してコードに公開されるため、イベントハンドラーをアタッチしたり、メソッドを呼び出したりする操作を行うことができます。
アクション – アクションは WPF のコマンドパターンに似ています。たとえば、コントロールに対してボタンのクリックなどのアクションが実行されると、コントロールはコード内でメソッドを自動的に呼び出します。多くのコントロールを同じアクションに接続できるため、アクションは強力で便利です。

Xcode では、アウトレットとオークションはコントロールのドラッグで直接コードに追加されます。具体的には、アウトレットまたはアクションを作成するために、アウトレットまたはアクションを追加するコントロール要素を選択し、キーボードの Control ボタンを押したまま、コントロールをコードに直接ドラッグします。

Xamarin.Mac 開発者にとって、これはアウトレットまたはアクションを作成する Objective-C スタブファイル (C# ファイルに対応) にドラッグすることを意味します。 Visual Studio for Mac は、Interface Builder を使用するために生成した shim Xcode プロジェクトの一部として MainWindow.h というファイルを作成しました。

このスタブ .h ファイルは、新しい NSWindow が作成されたときに自動的に Xamarin.Mac プロジェクトに追加される MainWindow.designer.cs を反映しています。このファイルは、Interface Builder によって行われた変更を同期するためにも使用されます。そしてこのファイルでアウトレットとアクションが作成され、UI 要素が C# コードに公開されます。

アウトレットの追加

アウトレットとアクションが何であるかの基本を理解したので、C# コードに UI 要素を公開するアウトレットの作成について見てみましょう。

次の操作を行います。

Xcode の画面の右上の端にある二連の輪のボタンをクリックして、アシスタントエディターを開きます。
Xcode が分割ビューモードに切り替わり、一方の側にインターフェイスエディター、もう一方の側にコードエディターが表示されます。
Xcode によりコードエディターで自動的に MainWindowController.m ファイルが選択されたことに注意してください。これは間違っています。上記のアウトレットとアクションに関する説明を覚えている場合は、MainWindow.h を選択する必要があります。
コードエディターの上部で、[自動リンク] をクリックし、MainWindow.h ファイルを選択します。
Xcode で正しいファイルが選択されます。
最後のステップは非常に重要です! 正しいファイルを選択していない場合、アウトレットとアクションを作成できないか、C# で間違ったクラスに公開されます。
インターフェイスエディターで、キーボードの Control キーを押しながら、前述の手順で作成したラベルをクリックしてコードエディターの @interface MainWindow : NSWindow { } コードのすぐ下にドラッグします。
ダイアログボックスが表示されます。 [接続] を [アウトレット] に設定したままにして、[名前] に「ClickedLabel」と入力します。
[接続] ボタンをクリックしてアウトレットを作成します。
変更をファイルに保存します。

アクションの追加

次に、UI 要素とのユーザー操作を C# コードに公開するアクションを作成する方法を見てみましょう。

次の操作を行います。

アシスタントエディターにまだ存在し、MainWindow.h ファイルがコードエディターに表示されていることを確認します。
インターフェイスエディターで、キーボードの Control キーを押しながら、前述の手順で作成したボタンをクリックしてコードエディターの @property (assign) IBOutlet NSTextField *ClickedLabel; コードのすぐ下にドラッグします。
[接続] の種類を [アクション] に変更します。
[名前] に「ClickedButton」を入力します。
[接続] ボタンをクリックしてアクションを作成します。
変更をファイルに保存します。

ユーザーインターフェイスを接続して C# コードに公開したので、Visual Studio for Mac に戻り、Xcode と Interface Builder で行った変更を同期させます。

コードの記述

ユーザーインターフェイスが作成され、UI 要素がアウトレットとアクションを介してコードに公開されたので、プログラムを実現するためのコードを書く準備が整いました。たとえば、編集用のMainWindow.cs ファイルを Solution Pad でダブルクリックして開きます。

次のコードを MainWindow クラスに追加して、上記で作成したサンプルアウトレットを操作します。

private int numberOfTimesClicked = 0;
...

public override void AwakeFromNib ()
{
    base.AwakeFromNib ();

    // Set the initial value for the label
    ClickedLabel.StringValue = "Button has not been clicked yet.";
}

NSLabel は、Xcode でアウトレットを作成したときに Xcode で割り当てた直接名によって C# でアクセスされることに注意してください。この場合、ClickedLabel と呼ばれます。通常の C# クラスと同じように、公開オブジェクトの任意のメソッドまたはプロパティにアクセスできます。

重要

(Initialize などの別のメソッドではなく) AwakeFromNib を使う必要があります。AwakeFromNib は、OS が読み込まれ、.xib ファイルからユーザーインターフェイスのインスタンスが作成された後に呼び出されるためです。 .xib ファイルが完全に読み込まれ、インスタンスが作成される前にラベルコントロールにアクセスしようとすると、ラベルコントロールがまだ作成されていないため、NullReferenceException エラーが発生します。

次に、次の部分クラスを MainWindow クラスに追加します。

partial void ClickedButton (Foundation.NSObject sender) {

    // Update counter and label
    ClickedLabel.StringValue = string.Format("The button has been clicked {0} time{1}.",++numberOfTimesClicked, (numberOfTimesClicked < 2) ? "" : "s");
}

このコードは、Xcode と Interface Builder で作成されたアクションにアタッチされ、ユーザーがボタンをクリックするたびに呼び出されます。

一部の UI 要素には、既定のメニューバーの項目 ([開く].... メニュー項目 (openDocument:)) などのアクションが自動的に組み込まれています。 Solution Pad で、AppDelegate.cs ファイルをダブルクリックして編集用に開き、DidFinishLaunching メソッドの下に次のコードを追加します。

[Export ("openDocument:")]
void OpenDialog (NSObject sender)
{
    var dlg = NSOpenPanel.OpenPanel;
    dlg.CanChooseFiles = false;
    dlg.CanChooseDirectories = true;

    if (dlg.RunModal () == 1) {
        var alert = new NSAlert () {
            AlertStyle = NSAlertStyle.Informational,
            InformativeText = "At this point we should do something with the folder that the user just selected in the Open File Dialog box...",
            MessageText = "Folder Selected"
        };
        alert.RunModal ();
    }
}

ここでの重要な行は [Export ("openDocument:")] であり、これは、AppDelegate に openDocument: アクションに応答する void OpenDialog (NSObject sender) メソッドがあることを NSMenu 示しています。

メニューの操作の詳細については、メニューに関するドキュメントをご覧ください。

Xcode との変更の同期

Xcode から Visual Studio for Mac に戻ると、Xcode で行った変更は自動的に Xamarin.Mac プロジェクトと同期されます。

ソリューションパッドで MainWindow.designer.cs を選択すると、アウトレットとアクションが C# コードでどのように構成されているかを確認できます。

MainWindow.designer.cs ファイル内の 2 つの定義がどのようになっているかに注目してください。

[Outlet]
AppKit.NSTextField ClickedLabel { get; set; }

[Action ("ClickedButton:")]
partial void ClickedButton (Foundation.NSObject sender);

Xcode の MainWindow.h ファイルの定義と比べてみましょう。

@property (assign) IBOutlet NSTextField *ClickedLabel;
- (IBAction)ClickedButton:(id)sender;

ここでわかるように、Visual Studio for Mac は .h ファイルの変更をリッスンし、それぞれの .designer.cs ファイルでこれらの変更を自動的に同期して、アプリケーションに公開します。また、MainWindow.designer.cs は部分クラスであるため、Visual Studio for Mac で MainWindow.cs を変更する必要がないことにも注目してください。そのようなことをすると、クラスに加えた変更は上書きされます。

通常、MainWindow.designer.cs を自分で開く必要はありません。ここでは教育目的でのみ提示しています。

重要

ほとんどの場合、Visual Studio for Mac は Xcode で行われた変更を自動的に確認し、Xamarin.Mac プロジェクトに同期します。同期が自動的に行われないときは Xcode に戻り、再び Visual Studio for Mac に戻ります。こうすると通常、同期サイクルが開始します。

プロジェクトへの新しいウィンドウの追加

メインドキュメントウィンドウとは別に、Xamarin.Mac アプリケーションでは、環境設定やインスペクターパネルなど、他の種類のウィンドウをユーザーに表示することが必要になる場合があります。プロジェクトに新しいウィンドウを追加する場合は、.xib ファイルからウィンドウを読み込むプロセスが容易になるので、Cocoa Window with Controller オプションを常に使用する必要があります。

新しいウィンドウを追加するには、次の操作を行います:

Solution Pad でプロジェクトを右クリックし、[追加]>[新しいファイル...] を選択します。
[新しいファイル] ダイアログボックスで、[Xamarin.Mac]>[Cocoa Window wth Contoller] の順に選択します:
[名前] に「PreferencesWindow」と入力し、[新規] ボタンをクリックします。
PreferencesWindow.xib ファイルをダブルクリックして、インターフェイスビルダーで編集用に開きます。
インターフェイスを設計する:
変更内容を保存し、Visual Studio for Mac に戻って Xcode と同期します。

次のコードを AppDelegate.cs に追加して、新しいウィンドウを表示します。

[Export("applicationPreferences:")]
void ShowPreferences (NSObject sender)
{
    var preferences = new PreferencesWindowController ();
    preferences.Window.MakeKeyAndOrderFront (this);
}

var preferences = new PreferencesWindowController (); 行は、.xib ファイルから Window を読み込んで拡張する、ウィンドウコントローラーの新しいインスタンスを作成します。 preferences.Window.MakeKeyAndOrderFront (this); 行には、ユーザーに新しいウィンドウが表示されます。

コードを実行し、[アプリケーションメニュー] から [ユーザー設定...] を選択すると、ウィンドウが表示されます:

スクリーンショットは、[アプリケーション] メニューから表示される [基本設定] ウィンドウを示しています。

Xamarin.Mac アプリケーションでの Windows の操作の詳細については、Microsoft の Windows のドキュメントをご覧ください。

プロジェクトへの新しいビューの追加

ウィンドウのデザインをいくつかのより管理しやすい .xib ファイルに分割する方が簡単な場合があります。たとえば、[環境設定] ウィンドウでツールバー項目を選択するときにメインウィンドウの内容を切り替えたり、ソースリストの選択に応じてコンテンツをスワップアウトしたりします。

プロジェクトに新しいビューを追加する場合は、.xib ファイルからビューを読み込むプロセスが容易になるので、Cocoa View with Controller オプションを常に使用する必要があります。

新しいビューを追加するには、次の操作を行います:

Solution Pad でプロジェクトを右クリックし、[追加]>[新しいファイル...] を選択します。
[新しいファイル] ダイアログボックスで、[Xamarin.Mac]>[Cocoa View wth Contoller] の順に選択します:
[名前] に「SubviewTable」と入力し、[新規] ボタンをクリックします。
SubviewTable.xib ファイルをダブルクリックして、インターフェイスビルダーで編集用に開き、ユーザーインターフェイスをデザインします。
必要なアクションとアウトレットを接続します。
変更内容を保存し、Visual Studio for Mac に戻って Xcode と同期します。

次に、SubviewTable.cs を編集し、次のコードを AwakeFromNib ファイルに追加して、新しいビューが読み込まれるときに設定します。

public override void AwakeFromNib ()
{
    base.AwakeFromNib ();

    // Create the Product Table Data Source and populate it
    var DataSource = new ProductTableDataSource ();
    DataSource.Products.Add (new Product ("Xamarin.iOS", "Allows you to develop native iOS Applications in C#"));
    DataSource.Products.Add (new Product ("Xamarin.Android", "Allows you to develop native Android Applications in C#"));
    DataSource.Products.Add (new Product ("Xamarin.Mac", "Allows you to develop Mac native Applications in C#"));
    DataSource.Sort ("Title", true);

    // Populate the Product Table
    ProductTable.DataSource = DataSource;
    ProductTable.Delegate = new ProductTableDelegate (DataSource);

    // Auto select the first row
    ProductTable.SelectRow (0, false);
}

プロジェクトに列挙型を追加して、現在表示されているビューを追跡します。たとえば、SubviewType.cs:

public enum SubviewType
{
    None,
    TableView,
    OutlineView,
    ImageView
}

ビューを使用して表示するウィンドウの .xib ファイルを編集します。 C# コードによってメモリに読み込まれた後、ビューのコンテナーとして機能するカスタムビューを追加し、次のように呼び出された ViewContainer アウトレットに公開します。

変更内容を保存し、Visual Studio for Mac に戻って Xcode と同期します。

次に、新しいビューを表示するウィンドウの .cs ファイル (MainWindow.cs など) を編集し、次のコードを追加します。

private SubviewType ViewType = SubviewType.None;
private NSViewController SubviewController = null;
private NSView Subview = null;
...

private void DisplaySubview(NSViewController controller, SubviewType type) {

    // Is this view already displayed?
    if (ViewType == type) return;

    // Is there a view already being displayed?
    if (Subview != null) {
        // Yes, remove it from the view
        Subview.RemoveFromSuperview ();

        // Release memory
        Subview = null;
        SubviewController = null;
    }

    // Save values
    ViewType = type;
    SubviewController = controller;
    Subview = controller.View;

    // Define frame and display
    Subview.Frame = new CGRect (0, 0, ViewContainer.Frame.Width, ViewContainer.Frame.Height);
    ViewContainer.AddSubview (Subview);
}

ウィンドウのコンテナー (上記で追加したカスタムビュー) に .xib ファイルから読み込まれた新しいビューを表示する必要がある場合、このコードは既存のビューを削除し、新しいビューにスワップアウトします。ビューが既に表示されている場合は、そのビューが画面から削除されていることがわかります。次に、渡されたビュー (ビューコントローラーから読み込まれたビュー) を受け取り、コンテンツ領域に収まるようにサイズを変更し、表示用のコンテンツに追加します。

新しいビューを表示するには、次のコードを使用します。

DisplaySubview(new SubviewTableController(), SubviewType.TableView);

これにより、表示する新しいビューのビューコントローラーの新しいインスタンスが作成され、その型 (プロジェクトに追加された列挙型で指定) が設定され、Window のクラスに追加された DisplaySubview メソッドを使用してビューが実際に表示されます。次に例を示します。

Xamarin.Mac アプリケーションでの Windows の操作の詳細については、Microsoft の Windows と Dialogs のドキュメントをご覧ください。

まとめ

この記事では、Xamarin.Mac アプリケーションでの .xib ファイルの使用について詳しく説明しました。さまざまな種類の .xib ファイルを使用してアプリケーションのユーザーインターフェイスを作成し、Xcode の Interface Builder で .xib ファイルを作成して維持する方法、C# コードで .xib ファイルを操作する方法について説明しました。

Share via

Xamarin.Mac の .xib ファイル

概要

Xcode と Interface Builder の概要

Xcode のコンポーネント

プロジェクトのナビゲーション

インターフェイス階層

インターフェイスエディター

プロパティとユーティリティ

Xcode でのウィンドウの作成と保守

標準ウィンドウワークフロー

ウィンドウレイアウトの設計

UI 要素を C# コードに公開する

カスタムメインウィンドウコントローラーの設定

アウトレットとアクション

アウトレットの追加

アクションの追加

コードの記述

Xcode との変更の同期

プロジェクトへの新しいウィンドウの追加

プロジェクトへの新しいビューの追加

まとめ

その他のリソース

Share via

Xamarin.Mac の .xib ファイル

概要

Xcode と Interface Builder の概要

Xcode のコンポーネント

プロジェクトのナビゲーション

インターフェイス階層

インターフェイス エディター

プロパティとユーティリティ

Xcode でのウィンドウの作成と保守

標準ウィンドウ ワークフロー

ウィンドウ レイアウトの設計

UI 要素を C# コードに公開する

カスタム メイン ウィンドウ コントローラーの設定

アウトレットとアクション

アウトレットの追加

アクションの追加

コードの記述

Xcode との変更の同期

プロジェクトへの新しいウィンドウの追加

プロジェクトへの新しいビューの追加

まとめ

関連リンク

その他のリソース

インターフェイスエディター

標準ウィンドウワークフロー

ウィンドウレイアウトの設計

カスタムメインウィンドウコントローラーの設定