Xamarin.FormsでAndroidアプリ開発②　サンプルアプリ作成

5613 ワード
Android VisualStudio Xamarin.Forms Android テキストリンク

前回インストールしたVisual Studioでサンプルアプリを作っていきます。

Xamarin.Formsのソリューションの立ち上げ

  1. まずVisualStudioを立ち上げると以下の画面が出てきます。「新しいプロジェクトの作成」をクリックします。

  2. 色々出てきますが、モバイルアプリ（Xamarin.Forms）を選択します。

  3. 適当に場所と名前を設定します。

  4. 今回は空白を選択します。あ、Windows（UWP）にも対応するためには別途インストールしないといけなかったのですね。。こちらはまた別の記事で説明しようと思います。

  5. Androidライセンスの同意画面が出てきますので、（内容確認の上）同意します。

  6. ソリューションエクスプローラーからMainPage.xamlをダブルクリックします。こちらがアプリの画面になります。

  7. ソースコードの右上にあるをクリックすると視覚的にアプリ画面を見ることができます。

  8. をクリックするとソースコードに戻ります。

ソースコードの変更

まずMainpage.xamlに少しコードを追加してみます。下図のように、以下のコマンドを追加します。
<Button Text="おしてね" Clicked="OnButtonClicked" />

これで、「おしてね」と書かれ、クリックするとOnButtonClickedクラスを呼び出すボタンが作成されます。

デザイン画面にします。なぜかうまく反映されないので、例えばiOSの画面にした後にAndroidの画面に戻す、などをすることで追加されたボタンが表示されます。

次にMainpage.xaml.csを開き、以下のコマンドを追加します。

private void OnButtonPressed(object sender, EventArgs e)
{
    (sender as Button).Text = "こんにちは";
}

シミュレーションの実行

  1. Android Emulatorをクリックします。

  2. Createします。（Pixel2のAndroid9です。ちょっと古いですね。。）

  3. 同意します。

  4. 少し時間がかかりましたが、シミュレータの作成が完了しました。「開始」をクリックします。

  5. 画面が立ち上がった後もう一度Visual Studioに戻ると、Pixel2でデバッグできるようになっているので、こちらをクリックします。

  6. 出てきました！「おしてね」をクリックしてみます。

  7. 無事「こんにちは」に変更され、アプリが動いていることが確認できました。

関連記事