Плавающий элемент 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> 

Кнопка включает текст так, как представляется, 'зависать'.