UWP资源字典组合多控件：自定义模板与容器复用难题

既然你已经熟练掌握控件样式和ResourceDictionary的用法，那咱们直接聚焦在把自定义样式的CheckBox、TextBox、TextBlock组合到Grid中并在主窗体复用的核心问题上，给你两种实用方案：

方案1：在ResourceDictionary中定义可复用的Grid资源 #

这种方法适合不需要后台逻辑的简单控件组合，关键要注意x:Shared="False"这个属性——WPF默认资源是单例的，不设置的话同一个Grid实例不能被多个容器引用，会报错。

第一步：修改你的ResourceDictionary（比如命名为ControlStyles.xaml） #

在已有的样式/Template下面，添加组合好的Grid：

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

    <!-- 这里是你已经写好的CheckBox、TextBox、TextBlock的ControlTemplate和样式 -->
    <Style x:Key="CustomTextBlockStyle" TargetType="TextBlock">
        <Setter Property="FontSize" Value="14"/>
        <Setter Property="Foreground" Value="#2D2D2D"/>
        <!-- 其他自定义样式 -->
    </Style>

    <ControlTemplate x:Key="CustomTextBoxTemplate" TargetType="TextBox">
        <Border BorderBrush="#0078D7" BorderThickness="2" CornerRadius="4" Background="#F8F8F8">
            <ScrollViewer x:Name="PART_ContentHost" Margin="4"/>
        </Border>
    </ControlTemplate>
    <Style x:Key="CustomTextBoxStyle" TargetType="TextBox">
        <Setter Property="Template" Value="{StaticResource CustomTextBoxTemplate}"/>
        <Setter Property="Padding" Value="6"/>
    </Style>

    <ControlTemplate x:Key="CustomCheckBoxTemplate" TargetType="CheckBox">
        <Grid>
            <Ellipse x:Name="OuterCircle" Width="20" Height="20" Stroke="#0078D7" StrokeThickness="2"/>
            <Path x:Name="CheckIcon" Width="12" Height="12" Fill="#0078D7" Data="M2,7 L6,11 L13,2" Visibility="Collapsed"/>
        </Grid>
        <ControlTemplate.Triggers>
            <Trigger Property="IsChecked" Value="True">
                <Setter TargetName="CheckIcon" Property="Visibility" Value="Visible"/>
            </Trigger>
        </ControlTemplate.Triggers>
    </ControlTemplate>
    <Style x:Key="CustomCheckBoxStyle" TargetType="CheckBox">
        <Setter Property="Template" Value="{StaticResource CustomCheckBoxTemplate}"/>
        <Setter Property="VerticalAlignment" Value="Center"/>
    </Style>

    <!-- 重点：组合好的Grid，必须加x:Shared="False" -->
    <Grid x:Key="StyledControlsGrid" x:Shared="False">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>

        <!-- 应用自定义样式的控件 -->
        <TextBlock Grid.Row="0" Grid.Column="0" Text="用户名：" Style="{StaticResource CustomTextBlockStyle}" Margin="0,0,12,8"/>
        <TextBox Grid.Row="0" Grid.Column="1" Style="{StaticResource CustomTextBoxStyle}" Margin="0,0,0,8"/>

        <TextBlock Grid.Row="1" Grid.Column="0" Text="密码：" Style="{StaticResource CustomTextBlockStyle}" Margin="0,0,12,8"/>
        <TextBox Grid.Row="1" Grid.Column="1" Style="{StaticResource CustomTextBoxStyle}" Margin="0,0,0,8"/>

        <CheckBox Grid.Row="2" Grid.Column="0" Grid.ColumnSpan="2" Content="记住登录信息" Style="{StaticResource CustomCheckBoxStyle}"/>
    </Grid>
</ResourceDictionary>

第二步：在主窗体中引用这个Grid #

先合并ResourceDictionary，然后用ContentControl来承载这个Grid资源：

<Window x:Class="YourProjectName.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="400" Width="600">
    <Window.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <!-- 替换成你的ResourceDictionary路径 -->
                <ResourceDictionary Source="ControlStyles.xaml"/>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Window.Resources>

    <!-- 引用组合好的Grid -->
    <ContentControl Content="{StaticResource StyledControlsGrid}" Margin="20"/>
</Window>

方案2：创建UserControl封装组合控件（更推荐复杂场景） #

如果你的组合控件需要绑定数据、处理事件或者后续要扩展功能，用UserControl会更灵活，维护起来也更方便。

第一步：创建UserControl（比如命名为LoginInputControl.xaml） #

在UserControl中引用你的ResourceDictionary，然后布局组合控件：

<UserControl x:Class="YourProjectName.LoginInputControl"
             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" 
             mc:Ignorable="d" 
             d:DesignHeight="150" d:DesignWidth="500">
    <UserControl.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="ControlStyles.xaml"/>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </UserControl.Resources>

    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>

        <TextBlock Grid.Row="0" Grid.Column="0" Text="用户名：" Style="{StaticResource CustomTextBlockStyle}" Margin="0,0,12,8"/>
        <TextBox x:Name="UsernameTextBox" Grid.Row="0" Grid.Column="1" Style="{StaticResource CustomTextBoxStyle}" Margin="0,0,0,8"/>

        <TextBlock Grid.Row="1" Grid.Column="0" Text="密码：" Style="{StaticResource CustomTextBlockStyle}" Margin="0,0,12,8"/>
        <TextBox x:Name="PasswordTextBox" Grid.Row="1" Grid.Column="1" Style="{StaticResource CustomTextBoxStyle}" Margin="0,0,0,8" PasswordChar="*"/>

        <CheckBox x:Name="RememberCheckBox" Grid.Row="2" Grid.Column="0" Grid.ColumnSpan="2" Content="记住登录信息" Style="{StaticResource CustomCheckBoxStyle}"/>
    </Grid>
</UserControl>

第二步：在主窗体中引用UserControl #

直接像用普通控件一样引用即可，还能在后台代码中访问UserControl里的子控件：

<Window x:Class="YourProjectName.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:YourProjectName" <!-- 替换成你的项目命名空间 -->
        Title="MainWindow" Height="400" Width="600">
    <Grid>
        <!-- 引用自定义UserControl -->
        <local:LoginInputControl Margin="20"/>
    </Grid>
</Window>

关键注意事项 #

• 方案1中x:Shared="False"是必须的：默认WPF资源是单例模式，同一个UI元素不能同时属于多个父容器，设置这个属性后每次引用都会创建新的Grid实例。
• 确保ResourceDictionary的路径正确：如果放在Resources文件夹下，路径要写成Resources/ControlStyles.xaml。
• 样式如果没有设置x:Key会自动应用到所有对应类型的控件，如果你只想给特定控件用，记得保留x:Key并显式引用。

内容的提问来源于stack exchange，提问作者user358186