前回インストールしたVisual Studioでサンプルアプリを作っていきます。
Xamarin.Formsのソリューションの立ち上げ
-
まずVisualStudioを立ち上げると以下の画面が出てきます。「新しいプロジェクトの作成」をクリックします。
-
色々出てきますが、モバイルアプリ（Xamarin.Forms）を選択します。
-
適当に場所と名前を設定します。
-
今回は空白を選択します。あ、Windows（UWP）にも対応するためには別途インストールしないといけなかったのですね。。こちらはまた別の記事で説明しようと思います。
-
Androidライセンスの同意画面が出てきますので、（内容確認の上）同意します。
-
ソリューションエクスプローラーからMainPage.xamlをダブルクリックします。こちらがアプリの画面になります。
-
ソースコードの右上にある
をクリックすると視覚的にアプリ画面を見ることができます。 -
をクリックするとソースコードに戻ります。
ソースコードの変更
まずMainpage.xamlに少しコードを追加してみます。下図のように、以下のコマンドを追加します。
<Button Text="おしてね" Clicked="OnButtonClicked" />
これで、「おしてね」と書かれ、クリックするとOnButtonClickedクラスを呼び出すボタンが作成されます。
デザイン画面にします。なぜかうまく反映されないので、例えばiOSの画面にした後にAndroidの画面に戻す、などをすることで追加されたボタンが表示されます。
次にMainpage.xaml.csを開き、以下のコマンドを追加します。
private void OnButtonPressed(object sender, EventArgs e)
{
(sender as Button).Text = "こんにちは";
}
シミュレーションの実行
-
Android Emulatorをクリックします。
-
Createします。（Pixel2のAndroid9です。ちょっと古いですね。。）
-
同意します。
-
少し時間がかかりましたが、シミュレータの作成が完了しました。「開始」をクリックします。
-
画面が立ち上がった後もう一度Visual Studioに戻ると、Pixel2でデバッグできるようになっているので、こちらをクリックします。
-
出てきました！「おしてね」をクリックしてみます。
-
無事「こんにちは」に変更され、アプリが動いていることが確認できました。
関連記事
- Xamarin.FormsでAndroidアプリ開発① Visual Studioのインストール
- Xamarin.FormsでAndroidアプリ開発② サンプルアプリ作成(今日はここです)
- Xamarin.FormsでAndroidアプリ開発③ 開発したアプリをスマホで実行。躓きポイントは、共有ランライム！