Xamarin-first-application

Xamarin-最初のアプリケーション

この章では、Xamarinを使用して小さなAndroidアプリケーションを作成する方法を説明します。

こんにちは、Xamarin！ 応用

まず、Visual Studioの新しいインスタンスを起動し、[ファイル]→[新規]→[プロジェクト]に移動します。

プロジェクト

表示されるメニューダイアログボックスで、*テンプレート→Visual C＃→Android→Blank App（Android）*に移動します。

ブランクアプリ

アプリケーションに適切な名前を付けます。 この例では、「helloWorld」という名前を付け、指定されたデフォルトの場所に保存します。 次に、ロードする新しい“ helloXamarin” *プロジェクトの[OK]ボタンをクリックします。

• ソリューション*で、*リソース→レイアウト→Main.axml *ファイルを開きます。 デザインビューから切り替えて、*ソース*ファイルに移動し、次のコード行を入力してアプリをビルドします。

<?xml version = "1.0" encoding = "utf-8"?>
<LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android"
   android:orientation = "vertical"
   android:background = "#d3d3d3"
   android:layout_width = "fill_parent"
   android:layout_height = "fill_parent">
   <TextView
      android:text = "@string/HelloXamarin"
      android:textAppearance = "?android:attr/textAppearanceLarge"
      android:layout_width = "match_parent"
      android:layout_height = "wrap_content"
      android:id = "@+id/textView2"
      android:textColor = "@android:color/black"/>
</LinearLayout>

Copy

上記のコードでは、新しいAndroid textview を作成しました。 次に、フォルダーの値を開き、 Strings.xml をダブルクリックして開きます。 ここでは、上で作成した*ボタン*に関する情報と値を保存します。

<?xml version = "1.0" encoding = "utf-8"?>
<resources>
   <string name = "HelloXamarin">Hello World, I am Xamarin!</string>
   <string name = "ApplicationName">helloWorld</string>
</resources>

Copy

*MainActivity.cs* ファイルを開き、既存のコードを次のコード行に置き換えます。

Copy

using System;
using Android.App;
using Android.Content;
using Android.Runtime;
using Android.Views;
using Android.Widget;
using Android.OS;

namespace HelloXamarin {
   public class MainActivity : Activity {
      protected override void OnCreate(Bundle bundle) {
         base.OnCreate(bundle);
         SetContentView(Resource.Layout.Main);
      }
   }
}

Copy

アプリケーションを保存します。 ビルドして実行し、作成したアプリをAndroidエミュレーターで表示します。

Android Emulator

Androidエミュレーターがない場合は、次のセクションに記載されている手順に従って作成してください。

Androidエミュレーターのセットアップ

Visual Studioメニューで、[ツール]→[Android]→[Android Emulator Manager] *に移動します。 表示されるポップアップウィンドウで、[作成]ボタンをクリックします。 次の画面が表示されます。

新しいandriod仮想デバイスの作成

上記の画面で、必要な* AVD名*を指定します。 ディスプレイに適した*デバイス*（Nexus 4インチディスプレイなど）を選択します。 *対象プラットフォーム*を選択します。 アプリがすべてのAndroidプラットフォームで動作することを確認するために、API 10 Android 2.3（Gingerbread）などの最小ターゲットプラットフォームでテストすることを常にお勧めします。

残りのフィールドに入力し、[OK]ボタンをクリックします。 これで、エミュレータの準備ができました。 既存のAndroid仮想デバイスのリストから選択し、[開始]をクリックして起動できます。

エミュレータ

HelloXamarinアプリの変更

このセクションでは、プロジェクトを変更し、クリックするとテキストを表示するボタンを作成します。 main.axml を開き、ソースビュー*に切り替えます。 作成した *textview の後に、次のようにボタンを追加します。

<Button
   android:id = "@+id/MyButton"
   android:layout_width = "fill_parent"
   android:layout_height = "wrap_content"
   android:text = "@string/ButtonClick"/>

Copy

ボタンを追加すると、完全なコードは次のようになります-

<?xml version = "1.0" encoding = "utf-8"?>
<LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android"
   android:orientation = "vertical"
   android:layout_width = "fill_parent"
   android:layout_height = "fill_parent">
   <TextView
      android:text = "@string/HelloXamarin"
      android:textAppearance = "?android:attr/textAppearanceLarge"
      android:layout_width = "match_parent"
      android:layout_height = "wrap_content"
      android:id = "@+id/textView2"/>

   <Button
      android:id = "@+id/MyButton"
      android:layout_width = "fill_parent"
      android:layout_height = "wrap_content"
      android:text = "@string/ButtonClick"/>
</LinearLayout>

Copy

次に、ボタンの値を strings.xml ファイルに登録します。

<string name = "ButtonClick">Click Me!</string>

Copy

*strings.xml* ファイルにボタンを追加した後、次のコードに示すように、ボタンがクリックされたときにボタンのアクションを追加するために *MainActivity.cs* ファイルを開きます。

Copy

using System;
using Android.App;
using Android.Content;
using Android.Runtime;
using Android.Views;
using Android.Widget;
using Android.OS;

namespace HelloXamarin {
   [Activity(Label = "HelloXamarin", MainLauncher = true, Icon = "@drawable/icon")]
   public class MainActivity : Activity {
      protected override void OnCreate(Bundle bundle) {
         base.OnCreate(bundle);
         SetContentView(Resource.Layout.Main);
         Button button = FindViewById<Button>(Resource.Id.MyButton);
         button.Click += delegate { button.Text = "Hello world I am your first App"; };
      }
   }
}

Copy

次に、アプリケーションをビルドして実行します。

アプリケーションを実行

ボタンをクリックすると、次の出力が得られます-

出力