Input Library for WPF
ComboBox クイックスタート
Input for WPF > ComboBox > ComboBox クイックスタート

このクイックスタートは、ComboBox for WPF を初めて使用するユーザーのために用意されています。このクイックスタートでは、最初に Visual Studio で２つの C1ComboBox コントロールを含む新しいプロジェクトを作成します。最初のコントロールのリストには３つの項目を挿入します。これらの項目をクリックすることで、２つ目のコンボボックスに表示するリストが決定されます。

アプリケーションの作成

  1. Visual Studio で、［ファイル］→［新しいプロジェクト］を選択します。
  2. ［新しいプロジェクト］ダイアログボックスの左ペインから言語を選択し、テンプレートリストから［WPF アプリケーション］を選択します。
  3. プロジェクトの名前と場所を入力し、［OK］をクリックして新しいアプリケーションを作成します。
  4. ツールボックスで、StackPanel アイコンをダブルクリックして、このコントロールをプロジェクトに追加します。StackPanel コントロールのプロパティを次のように設定します。       
    • Width = "300"
    • Height = "35"
    • Orientation = Horizontal
  5. ツールボックスでComboBoxコントロールをダブルクリックして、StackPanelにComboBoxコントロールを追加します。 これらの2つのコントロールには、デフォルトでcombobox1とcombobox2という名前が付けられます。
  6. combobox1 のプロパティを次のように設定します。
    • Width = "150"
    • Height = "35"
    • Name = "Category"
  7. combobox2 のプロパティを次のように設定します。
    • Width = "150"
    • Height = "35"
    • Name = "Shows"

WPF プロジェクトを作成し、それに２つの C1ComboBox コントロールを追加して、クイックスタートの最初の手順を完了しました。次の手順では、最初の C1ComboBox コントロールに項目を追加します。

コントロールへの項目の追加

この手順では、最初のコンボボックスに３つの項目を追加します。

次の手順に従います。

  1. 最初の C1ComboBox の Category を選択します。
  2. ［プロパティ］ウィンドウで、［Items］の省略符ボタンをクリックして［コレクションエディター：Items］ダイアログボックスを開きます。
  3. ［追加］を３回クリックして、３つの C1ComboBoxItem をコントロールに追加します。c1ComboBoxItem1、c1ComboBoxItem2、c1ComboBoxItem3 という名前の３つの C1ComboBoxItem がコントロールに追加されます。
  1. c1ComboBoxItem1 のプロパティを次のように設定します。
  1. c1ComboBoxItem2 のプロパティを次のように設定します。
  1. C1ComboBoxItem3  のプロパティを次のように設定します。
  1. ［OK］をクリックして、［コレクションエディター：Items］ダイアログボックスを閉じます。

この手順では、最初のコンボボックスに項目を追加しました。次の手順では、最初のコンボボックスでユーザーがある項目を選択したときに、２つ目のコンボボックスに項目を設定するためのコードをプロジェクトに追加します。

アプリケーションへのコードの追加

最後の手順では、最初のコンボボックスに項目を追加しました。この手順では、最初のコンボボックスでユーザーが選択したオプションに基づいて、２つ目のコンボボックスにデータを設定するためのコードをプロジェクトに追加します。

  1. 最初の C1ComboBox（"Category"）を選択します。
  2. ［プロパティ］ウィンドウで、［イベント］（）ボタンをクリックします。
  3. SelectedIndexChanged テキストボックス内をダブルクリックして、C1ComboBox1_SelectedIndexChanged イベントハンドラを追加します。 MainPage.xaml.cs ページが開きます。
  4. 次の名前空間をプロジェクトにインポートします。
Visual Basic
コードのコピー 
Imports System.Collections.Generic

C#
コードのコピー 
using System.Collections.Generic;
  1. C1ComboBox1_SelectedIndexChanged イベントハンドラに次のコードを追加します。
Visual Basic
コードのコピー 
'「文学」選択肢用リストを作成します
Dim dropDownList_Literature As New List(Of String)()
dropDownList_Literature.Add("歴史小説")
dropDownList_Literature.Add("社会小説")
dropDownList_Literature.Add("SF")
'「ノンフィクション」選択肢用リストを作成します
Dim dropDownList_NonFiction As New List(Of String)()
dropDownList_NonFiction.Add("社会")
dropDownList_NonFiction.Add("事件")
dropDownList_NonFiction.Add("エンターテインメント")
'「ビジネス」選択肢用リストを作成します
Dim dropDownList_Business As New List(Of String)()
dropDownList_Business.Add("経済学")
dropDownList_Business.Add("マーケティング")
dropDownList_Business.Add("マネジメント")
'SelectedIndex 値をチェックして、適切なリストを２つ目のコンボボックスに割り当てます
If Category.SelectedIndex = 0 Then
   Fields.ItemsSource = dropDownList_Literature
ElseIf Category.SelectedIndex = 1 Then
   Fields.ItemsSource = dropDownList_NonFiction
ElseIf Category.SelectedIndex = 2 Then
   Fields.ItemsSource = dropDownList_Business
End If
C#
コードのコピー 
//「文学」選択肢用リストを作成します
List<string> dropDownList_Literature = new List<string>();
dropDownList_Literature.Add("歴史小説");
dropDownList_Literature.Add("社会小説");
dropDownList_Literature.Add("SF");
//「ノンフィクション」選択肢用リストを作成します
List<string> dropDownList_NonFiction = new List<string>();
dropDownList_NonFiction.Add("社会");
dropDownList_NonFiction.Add("事件");
dropDownList_NonFiction.Add("エンターテインメント");
//「ビジネス」選択肢用リストを作成します
List<string> dropDownList_Business = new List<string>();
dropDownList_Business.Add("経済学");
dropDownList_Business.Add("マーケティング");
dropDownList_Business.Add("マネジメント");
//SelectedIndex 値をチェックして、適切なリストを２つ目のコンボボックスに割り当てます
if (Category.SelectedIndex == 0)
{
     Fields.ItemsSource = dropDownList_Literature;
}
else if (Category.SelectedIndex == 1)
{
     Fields.ItemsSource = dropDownList_NonFiction;
}
else if (Category.SelectedIndex ==2)
{
     Fields.ItemsSource = dropDownList_Business;
}

次の手順では、プロジェクトを実行し、このクイックスタートの結果を確認します。

アプリケーションの実行

前の３つの手順では、２つのコンボボックスを含む WPF プロジェクトを作成し、最初のコンボボックスに項目を追加し、最初のコンボボックスの項目が選択されたときに、２つ目のコンボボックスに項目を設定するためのコードを作成しました。この手順では、プロジェクトを実行し、このクイックスタートの結果を確認します。

次の手順に従います。

  1. ［F5］キーを押してプロジェクトを実行します。２つの空のコンボボックスを含むプロジェクトがロードされます。
  1. ２つ目のコンボボックスのドロップダウン矢印をクリックし、ドロップダウンリストが空であることを確認します。
  1. 最初のコンボボックスのドロップダウン矢印をクリックし、［文学］を選択します。
  2. ２つ目のコンボボックスのドロップダウン矢印をクリックし、ドロップダウンリストに以下の項目が含まれていることを確認します。
  1. 最初のコンボボックスのドロップダウン矢印をクリックし、［ノンフィクション］を選択します。
  2. ２つ目のコンボボックスのドロップダウン矢印をクリックし、ドロップダウンリストに以下の項目が含まれていることを確認します。

  1. 最初のコンボボックスのドロップダウン矢印をクリックし、［ビジネス］を選択します。
  2. ２つ目のコンボボックスのドロップダウン矢印をクリックし、ドロップダウンリストに以下の項目が含まれていることを確認します。

 

おめでとうございます。これで、ComboBox for WPF クイックスタートは終了です。

関連トピック
!Untranslated: ComboBox Features

 

 

Copyright © MESCIUS inc. All rights reserved.