DockPanel浮动元素

Question

我有一个DockPanel，里面有两个元素。第一个元素需要跨越整个DockPanel。第二个元素需要对齐，但“浮动”在另一个元素的顶部。 当我注释掉第二个元素时，第一个元素确实跨越了整个停靠面板，它看起来很合适。当我有第二个元素时，它会推送第一个元素并对其进行搜索。

                <DockPanel HorizontalAlignment="Stretch" Margin="6,8,0,8" Grid.Row="1" Grid.Column="0">
                    <shared:YesNoControl Panel.ZIndex="0"></shared:YesNoControl>
                    <extended:IntegerUpDown Panel.ZIndex="1" Height="25" HorizontalAlignment="Right" Width="100"></extended:IntegerUpDown>
                </DockPanel>

我怎样才能获得这种效果？我基本上希望第二个元素不会影响第一个元素，只是出现在它的顶部。

Answer 1

使用保证金尝试这种简单方法：

<DockPanel Grid.Row="2" HorizontalAlignment="Stretch">
    <TextBox Background="AliceBlue" Text="This is a text box contains a great deal of useless text!!!!" />
    <Button  Width="20" Height="20" Margin="-20,0,0,0" />
</DockPanel>

按钮覆盖文字，使其显示为“悬停”。