Question

我在XAML中有一个小UI，我需要在同一个窗口中显示两次相同的内容。我用代码创建了一个Resources，但无法弄清楚如何显示它。

资源：

<max:MaxUserControl.Resources>
    <DataTemplate x:Key="tInfo">
        <max:MaxGrid>
            <max:MaxGrid.ColumnDefinitions>
                ...
            </max:MaxGrid.ColumnDefinitions>
            <max:MaxGrid.RowDefinitions>
                ...
            </max:MaxGrid.RowDefinitions>

            ...
        </max:MaxGrid>
    </DataTemplate>
</max:MaxUserControl.Resources>

两个UI之间的唯一区别是Datacontext，所以我想做类似的事情：

<max:MaxStackPanel Grid.Row="1" Grid.Column="0" Template="{StaticResource ResourceKey=tInfo}" DataContext="{Binding ElementName=dtgEmployeeOccupation, Path=SelectedItem, Mode=OneWay}"/>

<max:MaxStackPanel Grid.Row="0" Grid.Column="1" Template="{StaticResource ResourceKey=tInfo}" DataContext="{Binding Path=ANOTHERBINDING"/>

我应该用什么控制来实现这个目标？

Answer 1

创建UserControl并重复使用。首先你应该创造 UserControl，然后在UserControl内添加一些必要的控件。例如，我们正在创建UserControl，它将被称为FooUserControl：

<UserControl x:Class="OpenExcelFileAndConvertToArray.FooUserControl"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         xmlns:local="clr-namespace:OpenExcelFileAndConvertToArray"
         mc:Ignorable="d">
   <Grid>
       <StackPanel Orientation="Horizontal">
           <TextBlock Text="SomeText"/>
           <Button Content="Delete"/>
       </StackPanel>            
   </Grid>
</UserControl>

然后，只需在任何其他控件中，您就可以重复使用此FooUserControl。例如：

<Window x:Class="OpenExcelFileAndConvertToArray.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:local="clr-namespace:OpenExcelFileAndConvertToArray"
    mc:Ignorable="d"
    Title="MainWindow" Height="350" Width="525">
<Grid>        
    <StackPanel>            
        <ComboBox Text="qq" Name="comboBox">
            <ComboBoxItem Content="1"/>
            <ComboBoxItem Content="2"/>
            <ComboBoxItem Content="3"/>
        </ComboBox>
        <!--reusable control-->
        <local:FooUserControl/>            
    </StackPanel>
</Grid>

如何避免重复的xaml代码

1 个答案: