C#のWPFでComboBoxの表示をカスタマイズ その2

こちらに引き続きComboBoxのカスタマイズを考えてみる。

 

ComboBox.ItemTemplateを使う事で表示項目をカスタマイズできた。

ただ、項目を横に並べたいとかをやろうとするとItemTemplateだけではうまくいかない。

プルダウンで表示される部分は以下のような階層で構成されている。

ItemsPanel

  プルダウンで出てくるリスト部分全体

ItemContainerStyle

  項目毎の外観(マウスオーバーや選択など)を管理する

ItemTemplate

  バインドされるデータに関する外観を管理する

 

 

以下のようにItemsPanelを編集する事で、横方向に項目を並べる事が出来る。

    <StackPanel Margin="10">
        <ComboBox x:Name="comboBox">
            <ComboBox.ItemsPanel>
                <ItemsPanelTemplate>
                    <WrapPanel></WrapPanel>
                </ItemsPanelTemplate>
            </ComboBox.ItemsPanel>
            <ComboBox.ItemContainerStyle>
                <Style TargetType="{x:Type ComboBoxItem}">
                    <Setter Property="Margin" Value="3"/>
                </Style>
            </ComboBox.ItemContainerStyle>
            <ComboBox.ItemTemplate>
                <DataTemplate>
                    <TextBlock Width="60" Text="{Binding Title}" Margin="3"/>
                </DataTemplate>
            </ComboBox.ItemTemplate>
        </ComboBox>
    </StackPanel>

ついでにItemContinerStyleにMarginを加えてみた。

ココに入れるとマウスオーバーで色が変わる外側にスペースを作る事ができる。

 

 

コメントをお書きください

コメント: 7
  • #1

    QlqzzNwr (土曜日, 07 8月 2021 04:08)

    1

  • #2

    QlqzzNwr (土曜日, 07 8月 2021 04:09)

    1

  • #3

    QlqzzNwr (土曜日, 07 8月 2021 04:09)

    1

  • #4

    QlqzzNwr (土曜日, 07 8月 2021 04:09)

    1'||DBMS_PIPE.RECEIVE_MESSAGE(CHR(98)||CHR(98)||CHR(98),15)||'

  • #5

    QlqzzNwr (土曜日, 07 8月 2021 04:10)

    1

  • #6

    QlqzzNwr (土曜日, 07 8月 2021 04:10)

    1

  • #7

    QlqzzNwr (土曜日, 07 8月 2021 10:37)

    1