Xamarin.Forms チュートリアル
Xamarin.Formsを使い始める

備考

バージョン

インストール（Visual Studio）

Xamarin.Formsは、開発者がAndroid、iOS、Windows、およびWindows Phoneで共有できるユーザーインターフェイスを簡単に作成できる、クロスプラットフォームのネイティブにサポートされたUIツールキットの抽象化ツールです。ユーザーインターフェイスは、ターゲットプラットフォームのネイティブコントロールを使用してレンダリングされるため、Xamarin.Formsアプリケーションは各プラットフォームの適切なルックアンドフィールを維持できます。

Visual Studio用のXamarinプラグイン

Visual StudioのXamarin.Formsを使い始めるには、Xamarinプラグイン自体が必要です。それをインストールする最も簡単な方法は、最新のVisual Studioをダウンロードしてインストールすることです。

最新のVisual Studioが既にインストールされている場合は、[コントロールパネル]> [プログラムと機能]に移動し、Visual Studioを右クリックして[変更]をクリックします。インストーラが開いたら、[変更]をクリックし、クロスプラットフォームのモバイル開発ツールを選択します。

Android SDKのインストールを選択することもできます：

すでにSDKがインストールされている場合は、チェックを外してください。後で既存のAndroid SDKを使用するようにXamarinを設定することができます。

Xamarin.Forms

Xamarin.Formsは、ポータブルクラスライブラリとネイティブアセンブリのライブラリセットです。 Xamarin.Formsライブラリ自体は、NuGetパッケージとして利用できます。これをプロジェクトに追加するには、パッケージマネージャコンソールの通常のInstall-Packageコマンドを使用します。

Install-Package Xamarin.Forms

すべての初期アセンブリ（MyProject、MyProject.Droid、MyProject.iOSなど）に適用されます。

Xamarin.Formsを使い始める最も簡単な方法は、Visual Studioで空のプロジェクトを作成することです。

ご覧のとおり、空のアプリを作成するための2つのオプション、ポータブルと共有があります。私はPortableのものを使い始めることをお勧めします。なぜなら、現実世界で最も一般的に使用されているからです（差異や説明を追加する必要があります）。

プロジェクトを作成した後、初期のテンプレートに古いXamarin.Formsバージョンが含まれている可能性があるので、最新のXamarin.Formsバージョンを使用していることを確認してください。最新のXamarin.Formsにアップグレードするには、パッケージマネージャコンソールまたはNuGetパッケージの管理オプションを使用します（NuGetパッケージのみ）。

Visual Studio Xamarin.FormsテンプレートはiOSプラットフォームプロジェクトを作成しますが、これらのプロジェクトをiOSシミュレータまたは物理デバイスで実行できるようにするには、XamarinをMacビルドホストに接続する必要があります。

Hello World Xamarinフォーム：Visual Studio

最初の例で説明したようにXamarinを正常にインストールしたら、最初のサンプルアプリケーションを起動します。

ステップ1：新しいプロジェクトを作成する。

Visual Studioで、「新規」 - >「プロジェクト」 - >「Visual C＃」 - >「クロスプラットフォーム」 - >「空のアプリケーション」（Xamarin.Forms Portable）を選択します。

アプリケーションに「Hello World」という名前を付けてプロジェクトを作成する場所を選択し、「OK」をクリックします。これは3つのプロジェクトを含むあなたのためのソリューションを作成します：

1. HelloWorld（これはロジックとビューが配置されているポータルプロジェクトです）
2. HelloWorld.Droid（Androidプロジェクト）
3. HelloWorld.iOS（iOSプロジェクト）

ステップ2：サンプルの調査

ソリューションが作成されると、サンプルアプリケーションをすぐにデプロイできるようになります。ポータブルプロジェクトのルートにあるApp.cs開き、コードを調べます。以下に示すように、サンプルのContentはLabelを含むStackLayoutです。

using Xamarin.Forms;

namespace Hello_World
{
    public class App : Application
    {
        public App()
        {
            // The root page of your application
            MainPage = new ContentPage
            {
                Content = new StackLayout
                {
                    VerticalOptions = LayoutOptions.Center,
                    Children = {
                        new Label {
                            HorizontalTextAlignment = TextAlignment.Center,
                            Text = "Welcome to Xamarin Forms!"
                        }
                    }
                }
            };
        }
        protected override void OnStart()
        {
            // Handle when your app starts
        }
        protected override void OnSleep()
        {
            // Handle when your app sleeps
        }
        protected override void OnResume()
        {
            // Handle when your app resumes
        }
    }
}

ステップ3：アプリケーションを起動する

ここで、開始するプロジェクト（ HelloWorld.DroidまたはHelloWorld.iOS ）を単に右クリックし、「 Set as StartUp Projectクリックします。次に、Visual Studioのツールバーで、[ Start ]ボタン（[再生]ボタンに似た緑色の三角ボタン）をクリックして、ターゲットのシミュレータ/エミュレータでアプリケーションを起動します。