このセクションでは、ポータブルアプリケーションまたは共有アプリケーションへの C1ToggleButton コントロールの追加、およびコントロールの状態の変化に基づくコントロールの色の変更について説明します。

次の手順を実行して、状態が変化したときにコントロールの色を変更します。

• 手順 1：コントロールの状態を変更するイベントの作成
• 手順 2：プロジェクトの実行

次の図は、状態の変更に対するコントロールの色の変化を示しています。

手順 1：コントロールの状態を変更するイベントの作成

1. 新しいポータブルまたは共有 Xamarin.Forms アプリケーションを作成します（詳細については、「新しい Xamarin.Forms アプリの作成」を参照）。
2. <ContentPage> タグを編集して、以下の参照を追加します。

   XAML	コードのコピー
   xmlns:c1tog="clr-namespace:C1.Xamarin.Forms.Core;assembly=C1.Xamarin.Forms.Core"

3. 編集可能な C1ToggleButton コントロールを初期化し、<ContentPage></ContentPage> タグ内に以下のマークアップを追加して、Name、BackgroundColor などの基本的なプロパティを設定します。

   XAML	コードのコピー
   <c1tog:C1ToggleButton x:Name="Toggle" BackgroundColor="Green" HeightRequest="50" WidthRequest="100" HorizontalOptions="Center" VerticalOptions="Center" CheckedText="Checked" UncheckedText="Unchecked"/>

4. ソリューションエクスプローラーで、MainPage.xaml ノードを展開して MainPage.xaml.cs を開きます。以下のコードを MainPage クラスに追加して、状態の変化に基づいてコントロールの色を変更するイベントハンドラメソッドを作成します。

   C#	コードのコピー
   private void Toggle_Checked(object sender, EventArgs e) { if(Toggle.IsChecked == true) { Toggle.BackgroundColor = Color.Green; } else if(Toggle.IsChecked == false) { Toggle.BackgroundColor = Color.Red; } }

5. 以下のコードを使用して、コンストラクタで Toggle_Checked イベントをサブスクライブします。

   C#	コードのコピー
   Toggle.Checked += Toggle_Checked;

先頭に戻る

手順 2：プロジェクトの実行

1. ソリューションエクスプローラーで、App.cs ファイルをダブルクリックして開きます。
2. Content Page を返すには、以下のコード内の説明に従って、コンストラクタ App() に次のコードを追加します。

   C#	コードのコピー
   public App() { // アプリケーションのルートページ MainPage = new MainPage(); }

3. iOS および UWP アプリを実行するには、いくつかの追加手順が必要です。
   • iOS アプリ：
     1. ソリューションエクスプローラーで、YourAppName.iOS プロジェクト内の AppDelegate.cs をダブルクリックして開きます。
     2. FinishedLaunching() メソッドに次のコードを追加します。

        C#	コードのコピー
        C1.Xamarin.Forms.Core.Platform.iOS.C1CoreRenderer.Init();

   • UWP アプリ：
     1. ソリューションエクスプローラーで、YouAppName.UWP プロジェクト内の MainPage.xaml を展開します。
     2. MainPage.xaml.cs をダブルクリックして開き、クラスコンストラクタに次のコードを追加します。

        C#	コードのコピー
        C1.Xamarin.Forms.Core.Platform.UWP.C1CoreRenderer.Init();

     3. （オプション）UWP アプリケーションを Release モードでコンパイルする場合は、App.xaml.cs の OnLaunched メソッドに次のコードを明示的に追加して、アプリケーションに正しいアセンブリを挿入する必要があります。

        C#	コードのコピー
        var assembliesToInclude = new List<Assembly>(); assembliesToInclude.Add(typeof(C1.Xamarin.Forms.Core.Platform.UWP.C1CoreRenderer) .GetTypeInfo().Assembly); assembliesToInclude.Add(typeof(C1.UWP.Core.C1CoreRenderer).GetTypeInfo().Assembly); Xamarin.Forms.Forms.Init(e, assembliesToInclude);

4. ［F5］を押してプロジェクトを実行します。

先頭に戻る