[Visual Studio][Xamarin][iOS] イベントを作成する

前回の記事ではUI部品を配置する方法を紹介しました。

今回はイベントを作成する方法について見ていきましょう。

それではButtonのクリックイベントを作成してみましょう。

前回までに作成しているプロジェクトを開きます。続いて画面に配置してるButtonをダブルクリックします。

するとViewController.csが開き、以下のようにTouchUpInsideのイベントが作成されます。

partial void BtnClickMe_TouchUpInside(UIButton sender)
{
    throw new NotImplementedException();
}

このように、画面に配置したUI部品をダブルクリックすると、既定のイベントが作成されます。

続いて、Buttonがクリックされたら配置しているLabelに「Hello!」という文字列を表示してみましょう。

Labelには「lblMsg」という名前を付けていますので、コードは以下のようになります。

partial void BtnClickMe_TouchUpInside(UIButton sender)
{
    lblMsg.Text = "Hello";
}

コードの編集が完了したら、シミュレーターで実行確認してみましょう。

Visual Studioの上部で[Debug]-[iPhoneSimulator]を選択し、任意のシミュレーターを選択して実行をします。

デバッグ実行

しばらくするとMac側でシミュレーターが起動し、作成したアプリの動作を確認することができます。

シミュレーターの起動

関連記事

[Visual Studio][Xamarin][iOS] Macに接続する
[Visual Studio][Xamarin][iOS] UI部品を配置する

[Visual Studio][Xamarin][iOS] UI部品を配置する

前回から少し時間が経ってしまいましたが、今回はその続きです。

Single View App(iPhone)のプロジェクトを作成したら、ソリューションエクスプローラーを確認してみましょう。

ソリューションエクスプローラー

上記の中で拡張子が「*.storyboard」というのが画面のデザイン用ファイルです。

そのなかでもMain.storyboardがメインのアプリ画面になります。このファイルをダブルクリックして開いてみましょう。

以下のように画面中央には、アプリのメイン画面が表示されます。

Main.storyboard

続いてツールボックスを表示し、ButtonとLabelを1つずつ配置してみましょう。配置をするにはツールボックスにあるButtonやLabelをドラッグ&ドロップするか、ダブルクリックをします。

ツールボックス

 

続いて配置したButtonに名前を付け、表面のテキストを変更します。

配置したButtonをマウスで選択して、プロパティウィンドウのWidgetタブを選択します。Name欄にはButtonに付ける名前を、Title欄には表面に表示するテキストをそれぞれ入力します。

Labelも同様にして編集します。Name欄には「lblMsg」、Text欄は空欄にします。

プロパティの設定

Visual Studioを使用してWidowsアプリケーションを作成したことがある場合は、違和感なく操作できたのではないでしょうか。

そのほかのUI部品も同様にして配置することができますので試してみてください。

次回、イベントを作成する方法を見ていきます。

 

関連記事

Visual Studio][Xamarin][iOS] Macに接続する

 

[Visual Studio][Xamarin][iOS] Macに接続する

前回まではMacのXamarinでiOSアプリの作成方法を見てきました。

今回はVisual StudioのXamarinでMacに接続する方法を見ていきましょう。

※この記事はVisual StudioのXamarinがインストールされていることを前提としています。またビルドをするにはMacとXcodeが必要です。

はじめに新規プロジェクトの作成で[iOS]-[iPhone]-[Single View App(iPhone)]を選択します。続いて名前欄にプロジェクト名を入力して[OK]ボタンを押します。

新規プロジェクトの作成

続いてMacへの接続をしましょう。MacとPCがネットワーク上で接続できることが前提条件となります。ビルドをする場合はどちらも立ち上げておく必要がありますので注意してください。

はじめにMacで[環境設定]-[共有]を開きます。続いて以下に示す図のように「リモートログイン」にチェックを付け「アクセスを許可」で「次のユーザーのみ」を選択します。Mac側の設定は以上です。

Macの共有設定

続いてVisual Studioに戻り、[ツール]-[iOS]-[Xamarin Mac Agent]を起動します。

Macへの接続

はじめてMacへ接続する場合は以下のようなダイアログが表示されます。これはMacへ接続する前の設定方法についての説明です。Mac側の設定は先ほど実施済みですのでこのダイアログは閉じてしまいましょう。

続いて、以下に示すように「Xamarin Mac Agent」ダイアログが表示されます。Macが認識されたら選択して[Connect]ボタンを押します。

Xamarin Mac Agent

続いて「Connect to Mac」のダイアログが表示されます。UsernameとPasswordにはMac側のユーザー名とパスワードを入力し、[Connect]ボタンをクリックします。

Connect to Mac

接続が完了すると、Visual Studioへ戻ります。

次回は画面にUI部品の配置をしてビルドするまでを見ていく予定です。