Question

这是我的xaml：

<ComboBox Name="comboColors">
                <ComboBox.ItemTemplate>
                    <DataTemplate>
                        <StackPanel Orientation="Horizontal">
                            <Rectangle Fill="{Binding Name}" Width="16" Height="16" Margin="0,2,5,2" />
                            <TextBlock Text="{Binding Name}" />
                        </StackPanel>
                    </DataTemplate>
                </ComboBox.ItemTemplate>
            </ComboBox>

这是c＃中的一组组合框项目：

comboColors.ItemsSource = typeof(Colors).GetProperties();

现在的问题是 - 如何让这个组合在4-5-6或更多列的下拉列表中显示其项目？

另一个问题 - 如何为此下拉菜单插入标题？说“palett颜色是：” 这是一个文本字段 - 而不是一对颜色名称也许我可以添加透明颜色+标题作为第一个元素但是如何让它成为第一排？

可能是数据网格，因为下拉是一个很酷的主意吗？我现在试试吧）

Answer 1

在你的.xaml

中

<ComboBox Name="comboColors">
    <ComboBox.ItemsPanel>
        <ItemsPanelTemplate>
            <Grid Loaded="table_Loaded" />
        </ItemsPanelTemplate>
    </ComboBox.ItemsPanel>
    <ComboBox.ItemTemplate>
        <DataTemplate>
            <StackPanel Orientation="Horizontal">
                <Rectangle Fill="{Binding Name}" Width="16" Height="16" Margin="0 2 5 2" />
                <TextBlock Text="{Binding Name}" />
            </StackPanel>
        </DataTemplate>
    </ComboBox.ItemTemplate>
</ComboBox>

在你的.xaml.cs

中

...
private static readonly int COLUMS = 5;
...
comboColors.ItemsSource = typeof(Colors).GetProperties();
...

private void table_Loaded(object sender, RoutedEventArgs e) {
    Grid grid = sender as Grid;
    if (grid != null) {
        if (grid.RowDefinitions.Count == 0) {
            for (int r = 0; r <= comboColors.Items.Count / COLUMS; r++) {
                grid.RowDefinitions.Add(new RowDefinition());
            }
        }
        if (grid.ColumnDefinitions.Count == 0) {
            for (int c = 0; c < Math.Min(comboColors.Items.Count, COLUMS); c++) {
                grid.ColumnDefinitions.Add(new ColumnDefinition());
            }
        }
        for (int i = 0; i < grid.Children.Count; i++) {
            Grid.SetColumn(grid.Children[i], i % COLUMS);
            Grid.SetRow(grid.Children[i], i / COLUMS);
        }
    }
}

非常简单的颜色选择器由combobox制成

1 个答案: