0

我使用 Style setter 来扩展我的 ComboBoxItem（和按钮），使其跨越 ComboBox 的整个长度，如下所示：

    <ComboBox >
        <ComboBox.Resources>
            <Style TargetType="ComboBoxItem">
                <Setter Property="HorizontalContentAlignment" Value="Stretch" />
            </Style>
        </ComboBox.Resources>
        <ComboBoxItem >
            <DockPanel >
                <Button Content="My Button" />
            </DockPanel>
        </ComboBoxItem>
    </ComboBox>

这工作正常。现在，我在同一个 ComboBoxItem 中添加了一个附加按钮，但将其设置为 Visibility Collapsed。 

    <ComboBox >
        <ComboBox.Resources>
            <Style TargetType="ComboBoxItem">
                <Setter Property="HorizontalContentAlignment" Value="Stretch" />
            </Style>
        </ComboBox.Resources>
        <ComboBoxItem >
            <DockPanel >
                <Button Content="My Button" />
                <Button Content="My Collapsed Button" Visibility="Collapsed" />
            </DockPanel>
        </ComboBoxItem>
    </ComboBox>

现在，新按钮是不可见的，但我希望我的原始按钮仍然可以拉伸整个 ComboBox，就像上面的代码一样。但是，事实并非如此。为什么会这样？有解决方案吗？我正在使用 DataTriggers 来编辑 Visibility 属性。

注意：如果我只是在 ComboBox 中设置 Horizo​​ntalContentAlignment="Stretch"，我也会得到同样的结果。

更新：好的，这实际上与 DockPanel 有关。我将其更改为 StackPanel，它可以按需要工作。但是，我想我仍然很好奇，如果第二个按钮折叠起来，为什么我的第一个按钮不会拉伸整个 DockPanel？

4

1 回答 1

1

只需将DockPanel.Dock属性设置为Top 

  <ComboBox Margin="0,0,0,129">
      <ComboBox.Resources>
          <Style TargetType="ComboBoxItem">
              <Setter Property="HorizontalContentAlignment" Value="Stretch" />
          </Style>
      </ComboBox.Resources>
      <ComboBoxItem >
          <DockPanel >
              <Button Content="My Button" DockPanel.Dock="Top" />
              <Button Content="My Collapsed Button" Visibility="Collapsed" />
          </DockPanel>
      </ComboBoxItem>
   </ComboBox>
于 2012-12-17T05:00:43.547 回答