Как расположить элемент управления WPF рядом с элементом управления с текущим фокусом?

Question

У меня типичный edit form (user control)с несколькими полями ввода. мне нужно ListBox который должен показываться прямо под TextBox с текущим фокусом, поэтому он должен двигаться динамически. Я попробовал некоторые привязки, но ничего не происходит

<local:MyList x:Name="myList"
       Canvas.Left="{Binding (FocusManager.FocusedElement).Canvas.Left,RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type UserControl}}}"
       Canvas.Top="{Binding (FocusManager.FocusedElement).Canvas.Bottom,RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type UserControl}}}"
/>

Answer 1

Использовать Popup поскольку это дает вам возможность показать это, где вы хотите. это Placement = Bottom покажет это точно под PlacementTarget,

Справиться GotFocus, а также LostFocus из TextBox,

        <TextBox Grid.Column="1" HorizontalAlignment="Left" Height="23" Margin="10,19,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" Width="120" GotFocus="TextBox_GotFocus_1" LostFocus="TextBox_LostFocus_1"/>
        <TextBox Grid.Column="1" HorizontalAlignment="Left" Height="23" Margin="10,57,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" Width="120" GotFocus="TextBox_GotFocus_1" LostFocus="TextBox_LostFocus_1"/>
        <TextBox Grid.Column="1" HorizontalAlignment="Left" Height="23" Margin="10,96,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" Width="120"/>
        <TextBox Grid.Column="1" HorizontalAlignment="Left" Height="23" Margin="10,136,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" Width="120" GotFocus="TextBox_GotFocus_1" LostFocus="TextBox_LostFocus_1"/>
        <TextBox Grid.Column="1" HorizontalAlignment="Left" Height="23" Margin="10,174,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" Width="120"/>

        <Popup Placement="Bottom" x:Name="LsbPopup">
            <ListBox>
                <ListBoxItem>item1</ListBoxItem>
                <ListBoxItem>item1</ListBoxItem>
                <ListBoxItem>item1</ListBoxItem>
                <ListBoxItem>item1</ListBoxItem>
                <ListBoxItem>item1</ListBoxItem>
                <ListBoxItem>item1</ListBoxItem>
                <ListBoxItem>item1</ListBoxItem>
            </ListBox>
        </Popup>

Обработчики:

private void TextBox_GotFocus_1(object sender, RoutedEventArgs e)
{
    LsbPopup.PlacementTarget = sender as TextBox;
    LsbPopup.IsOpen = true;
}

private void TextBox_LostFocus_1(object sender, RoutedEventArgs e)
{
    LsbPopup.IsOpen = false;
}