クイックスタート：状態の変更とコントロールのカスタマイズ

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

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

手順 1：コードでC1ToggleButtonの初期化
手順 2：プロジェクトの実行

手順 1：コードでC1ToggleButtonの初期化

C1ToggleButton コントロールをレイアウトに追加するには、ソリューションエクスプローラからレイアウトフォルダー内に .axml ファイルを開き、そのコードを以下のコードで置き換えます。

XML	コードのコピー
<?xml version="1.0" encoding="utf-8"?> <C1.Android.Core.C1ToggleButton xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/tb" android:layout_width="match_parent" android:layout_height="wrap_content" />

XML

コードのコピー

<?xml version="1.0" encoding="utf-8"?>
<C1.Android.Core.C1ToggleButton xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/tb"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

C1ToggleButton コントロールをツールボックス内のCustom controls タブからデザイナーモードでレイアウト表面にドラッグすることもできます。レイアウトを初期化するには、Activity 内の OnCreate メソッドに次のコードを追加します。

C#	コードのコピー
public class MainActivity : Activity { protected override void OnCreate(Bundle savedInstanceState) { base.OnCreate(savedInstanceState); // 「メイン」レイアウトリソースからビューを設定する SetContentView(Resource.Layout.Main); // レイアウトリソースからボタンを取得し、それにイベントを添付する C1ToggleButton tb = (C1ToggleButton)this.FindViewById(Resource.Id.tb); tb.Click += (o, e) => { // クリックに対してアクションを実行する if (tb.IsChecked == true) { tb.Color=Color.Green; } else if (tb.IsChecked == false) { tb.Color = Color.Red; } }; } }

コードのコピー

public class MainActivity : Activity
{
     protected override void OnCreate(Bundle savedInstanceState)
     {
          base.OnCreate(savedInstanceState);

          // 「メイン」レイアウトリソースからビューを設定する
          SetContentView(Resource.Layout.Main);

          // レイアウトリソースからボタンを取得し、それにイベントを添付する


          C1ToggleButton tb = (C1ToggleButton)this.FindViewById(Resource.Id.tb);

          tb.Click += (o, e) =>
          {
               // クリックに対してアクションを実行する
               if (tb.IsChecked == true)
               {
                  tb.Color=Color.Green;
               }
               else if (tb.IsChecked == false)
               {
                  tb.Color = Color.Red;
               }
          };
     }
}

先頭に戻る

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

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

先頭に戻る