Combobox Dropdown, как галерея изображений

Question

У меня есть Combobox, где пользователь может выбрать значок. Я бы хотел, чтобы раскрывающийся список отображался в виде галереи.

Таким образом, вместо того, чтобы показывать каждый значок вертикально в выпадающем меню, как:

Combobox
   Image
   Image
   Image
   Image
   Image
   Image
   ...

Я бы хотел, чтобы раскрывающийся список отображался как:

Combobox
   Image Image Image Image
   Image Image Image Image
   Image Image Image Image
   Image Image Image Image
   ...

Я пытался сделать:

<ComboBox Height="50" Width="60" ItemsSource="{Binding Path=Icons}">
         <ComboBox.ItemTemplate>
            <DataTemplate>
                <WrapPanel  Orientation="Horizontal" Width="400">
                        <Image Source="{Binding myImage, Converter={StaticResource imageConverter}}" Width="32" Height="32"/>
                </WrapPanel>
            </DataTemplate>
        </ComboBox.ItemTemplate>
    </ComboBox>

Но, похоже, это не сработало, у кого-нибудь есть идеи, как это сделать?

Answer 1

Это похоже на работу, хотя я не пробовал это с изображениями:

<ComboBox Height="20" Width="100">
    <ComboBox.ItemsPanel>
        <ItemsPanelTemplate>
            <WrapPanel Width="150" />
        </ItemsPanelTemplate>
    </ComboBox.ItemsPanel>
</ComboBox>

Answer 2

попробуйте

<ComboBox Height="50" Width="60" ItemsSource="{Binding Path=Icons}">
     <ComboBox.ItemTemplate>
         <DataTemplate>
             <WrapPanel DataContext="{Binding}"  Orientation="Horizontal" Width="400">
                  <Image Source="{Binding myImage, Converter={StaticResource imageConverter}}" Width="32" Height="32"/>
              </WrapPanel>
          </DataTemplate>
      </ComboBox.ItemTemplate>
</ComboBox>

Я предполагаю, что у вас есть свойство myImage в Icons, представляющее что-то, что может быть преобразовано в path из image через converter

Я пробовал код выше, где Icon было List<String>, где string представляло path of image

и я сделал это в XAML

<Image Source="{Binding}" Width="32" Height="32"/>

у меня все работало нормально