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>上記のコードでは、新しい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>*MainActivity.cs* ファイルを開き、既存のコードを次のコード行に置き換えます。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);
}
}
}アプリケーションを保存します。 ビルドして実行し、作成したアプリをAndroidエミュレーターで表示します。
Androidエミュレーターがない場合は、次のセクションに記載されている手順に従って作成してください。
Androidエミュレーターのセットアップ
Visual Studioメニューで、[ツール]→[Android]→[Android Emulator Manager] *に移動します。 表示されるポップアップウィンドウで、[作成]ボタンをクリックします。 次の画面が表示されます。
上記の画面で、必要な* 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"/>ボタンを追加すると、完全なコードは次のようになります-
<?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>次に、ボタンの値を strings.xml ファイルに登録します。
<string name = "ButtonClick">Click Me!</string>*strings.xml* ファイルにボタンを追加した後、次のコードに示すように、ボタンがクリックされたときにボタンのアクションを追加するために *MainActivity.cs* ファイルを開きます。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"; };
}
}
}次に、アプリケーションをビルドして実行します。
ボタンをクリックすると、次の出力が得られます-
