从ComboBox中删除填充

Question

我在删除ComboBox列表中的填充时遇到问题。

我用三个按钮填充列表，第一个按钮上方有空格，最后一个按钮下面还有空格：

关闭时

打开时

另一个问题是列表没有显示在按钮下方，如第二张图片所示。

这是代码（注意还没有样式）：

 <ComboBox x:Name="importComboBox" Margin="25" HorizontalAlignment="Stretch">
                <ComboBox.PlaceholderText>Placeholder</ComboBox.PlaceholderText>
                <ComboBoxItem Padding="0" Margin="0">
                    <Button  VerticalAlignment="Stretch" HorizontalAlignment="Stretch">button 1</Button>
                </ComboBoxItem>
                <ComboBoxItem Padding="0" Margin="0">
                    <Button VerticalAlignment="Stretch" HorizontalAlignment="Stretch">button 2</Button>
                </ComboBoxItem>
                <ComboBoxItem Padding="0" Margin="0">
                    <Button VerticalAlignment="Stretch" HorizontalAlignment="Stretch">button 3</Button>
                </ComboBoxItem>
            </ComboBox>

如何删除这些空格并可以更改下拉位置？

Answer 1

正如彼得所说，要实现这一目标，我们可以修改ComboBox的模板。要修改ComboBox的模板，我们可以选择＆＃34; [importComboBox] ＆＃34;在＆＃34; 文档大纲＆＃34;然后右键单击，然后选择＆＃34; 编辑模板＆＃34; →＆＃34; 编辑副本... ＆＃34;。

删除列表中的填充。编辑margin的{​​{1}}属性。 ItemsPresenter指定项目放置在控件中的位置。

ItemsPresenter

要使列表显示在按钮下方，我们可以在<ItemsPresenter Margin="0,0,0,0" /> 中编辑Margin的{​​{1}}属性。它确定Border的位置。

Popup