Question

所以我用他的相对视图模型构建了一个用户控件。在ComboBox内单击按钮时，必须显示此控件。为了让您更好地了解我的代码：

<ItemsControl Grid.Column="0" Grid.ColumnSpan="3" Grid.Row="1" HorizontalAlignment="Center"
          ItemsSource="{Binding MyItems}">
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <Grid HorizontalAlignment="Center" Margin="7,0,10,0">
                    <Grid.Resources>
                        <CollectionViewSource x:Key="cvs" Source="{Binding CBSource}" />
                    </Grid.Resources>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="180"/>
                        <ColumnDefinition Width="180"/>
                        <ColumnDefinition Width="180"/>
                    </Grid.ColumnDefinitions>
                    <Label HorizontalContentAlignment="Center" Grid.Column="0" Content="{Binding FirstProperty}"/>
                    <Label HorizontalContentAlignment="Center" Grid.Column="1" Content="{Binding SecondProperty}"/>
                    <Label HorizontalContentAlignment="Center" Grid.Column="2" Content="{Binding ThirdProperty}"/>
                    <ComboBox HorizontalAlignment="Center" Grid.Column="2" Width="140" Visibility="{Binding HasCombobox, Converter={StaticResource BoolToVis}}">
                        <ComboBox.ItemsSource>
                            <CompositeCollection>
                                <CollectionContainer Collection="{Binding Source={StaticResource cvs}}" />
                                <ComboBoxItem>
                                    <Button Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" Content="{x:Static prop:Resources.INSERT_BTN}" Command ="This will call CustomUserControl"></Button>
                                </ComboBoxItem>
                            </CompositeCollection>
                        </ComboBox.ItemsSource>
                    </ComboBox>
                </Grid>
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </ItemsControl>

这是我ItemsControl的模板。每当验证属性时，此控件都会显示ComboBox。因此，在我看来，我不知道我将拥有多少ComboBox以及将放置哪些（所有这些ItemsControl的组合创建一种网格）。我的目标是显示一个带有可变放置目标的小视图（它必须弹出靠近调用它的ComboBox）。

要求：我需要一种方法将CustomUserControl.xaml置于我上面描述的ItemControl内，并使用动态展示位置定位。将调用此控件的按钮将具有ICommand专用于执行例程以设置和显示CustomUserControl

Answer 1

您的要求有点不清楚，但您可以使用Popup元素并将其PlacementTarget绑定到Popup打开时所处位置的元素：https://msdn.microsoft.com/en-us/library/system.windows.controls.primitives.popup.placementtarget(v=vs.110).aspx

然后，您可以使用ContentControl中的Popup并将其Content属性绑定到返回视图模型（或UserControl）的属性，该视图模型定义要显示的内容。弹出窗口。像这样：

<Button x:Name="btn" Content="Button" />
<Popup IsOpen="True" StaysOpen="True"
       PlacementTarget="{Binding ElementName=btn}" 
       Placement="Top">
    <Border BorderThickness="1" Width="100" Height="100">
        <ContentControl Content="{Binding TheControlProperty}" />
    </Border>
</Popup>

用户控件的动态PlacementTarget？

1 个答案: