Basic Library for UWP
C1DropDown へのコンテンツの追加
Basic Library for UWP > DropDown for UWP > タスク別ヘルプ > C1DropDown へのコンテンツの追加

C1DropDown コントロールには、任意の種類のコンテンツを追加できます。これには、テキスト、画像などの標準コントロールやサードパーティのコントロールがあります。この例では、C1DropDown コントロールに Button コントロールを追加しますが、手順をカスタマイズして他の種類のコンテンツを追加することもできます。

XAML の場合

たとえば、Button コントロールをドロップダウンに追加するには、<Xaml:C1DropDown> タグに <Button Height="30" Name="button1" Width="100">Hello World!</Button> を追加します。次のようになります。

マークアップ
コードのコピー
<Xaml:C1DropDown HorizontalAlignment="Center" VerticalAlignment="Top" Width="100">
          <Xaml:C1DropDown.Content>
            <Button Height="30" Name="button1" Width="100">Hello World!</Button>
          </Xaml:C1DropDown.Content>
        </Xaml:C1DropDown>

コードの場合

たとえば、Button コントロールをドロップダウンボックスに追加するには、ページのコンストラクタに次のようにコードを追加します。

C# コードの書き方

C#
コードのコピー
public MainPage()
        {
            this.InitializeComponent();
            C1DropDown c1dropdown1 = new C1DropDown();
            c1dropdown1.Height = 30;
            c1dropdown1.Width = 100;
            LayoutRoot.Children.Add(c1dropdown1);
            Button c1button1 = new Button();
            c1button1.Content = "Hello World!";
            c1dropdown1.Content = c1button1;
        }

ここまでの成果

C1DropDown コントロールにボタンコントロールを追加しました。アプリケーションを実行し、ドロップダウン矢印をクリックします。ドロップダウンボックスに Button コントロールが追加されていることを確認します。C1DropDown コントロールに複数の項目を追加する場合は、C1DropDown コントロールに Grid またはその他のパネルを追加してから、パネルに項目を追加します。

関連トピック