将控件属性绑定到样式：BusyDecorator相关技术咨询

针对你要把BusyDecorator控件的属性绑定到自定义样式的需求，我整理了具体的实现方案，这是WPF控件模板绑定的标准玩法，直接上手就能用：

核心思路 #

在自定义样式的ControlTemplate内部，通过TemplateBinding（首选）或RelativeSource绑定，将模板内的元素属性关联到BusyDecorator控件自身的属性（比如IsBusyIndicatorShowing、Tag、FadeTime）。

具体实现代码 #

首先补全你的busyStyle样式，把控件属性绑定到模板内的元素：

<Style x:Key="busyStyle" TargetType="{x:Type controls:BusyDecorator}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type controls:BusyDecorator}">
                <!-- 用IsBusyIndicatorShowing控制加载面板的显示/隐藏 -->
                <Grid Visibility="{TemplateBinding IsBusyIndicatorShowing, Converter={StaticResource BooleanToVisibilityConverter}}">
                    <!-- 半透明背景遮罩 -->
                    <Rectangle Fill="#80000000" Stretch="UniformToFill"/>
                    <!-- 加载提示区域 -->
                    <StackPanel HorizontalAlignment="Center" VerticalAlignment="Center" Orientation="Vertical">
                        <!-- 绑定Tag属性到提示文本 -->
                        <TextBlock Text="{TemplateBinding Tag}" Foreground="White" FontSize="14" Margin="0,8,0,0"/>
                        <!-- 旋转加载动画 -->
                        <Ellipse Width="32" Height="32" Stroke="White" StrokeThickness="3" StrokeDashArray="4 2">
                            <Ellipse.RenderTransform>
                                <RotateTransform x:Name="RotateTransform" CenterX="16" CenterY="16"/>
                            </Ellipse.RenderTransform>
                            <Ellipse.Triggers>
                                <EventTrigger RoutedEvent="Loaded">
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <!-- 绑定FadeTime到动画的旋转速度 -->
                                            <DoubleAnimation Storyboard.TargetName="RotateTransform"
                                                             Storyboard.TargetProperty="Angle"
                                                             From="0" To="360"
                                                             Duration="{TemplateBinding FadeTime}"
                                                             RepeatBehavior="Forever"/>
                                        </Storyboard>
                                    </BeginStoryboard>
                                </EventTrigger>
                            </Ellipse.Triggers>
                        </Ellipse>
                    </StackPanel>
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

关键绑定细节说明 #

• TemplateBinding：这是模板内绑定控件自身属性的最优选择，语法简洁且性能好，只适用于绑定控件的依赖属性（你的IsBusyIndicatorShowing、Tag、FadeTime都是依赖属性，完美适配）。
• RelativeSource替代方案：如果TemplateBinding满足不了复杂场景（比如绑定非依赖属性），可以用RelativeSource={RelativeSource TemplatedParent}替代，示例：

  <TextBlock Text="{Binding Tag, RelativeSource={RelativeSource TemplatedParent}}"/>
  

• Boolean转Visibility：因为IsBusyIndicatorShowing是bool类型，要控制Grid的Visibility，需要添加一个转换器资源（在Window/UserControl的Resources里定义）：

  <Window.Resources>
      <BooleanToVisibilityConverter x:Key="BooleanToVisibilityConverter"/>
  </Window.Resources>
  

控件使用保持不变 #

你的BusyDecorator声明不需要修改，样式会自动关联对应属性：

<controls:BusyDecorator x:Name="Busy" 
                        BusyStyle="{StaticResource busyStyle}" 
                        FadeTime="00:00:00.2" 
                        IsBusyIndicatorShowing="{Binding IsBusy}" 
                        Tag="Description">
    <!-- 这里放你的业务内容控件 -->
</controls:BusyDecorator>

这样设置后，当IsBusy（ViewModel的属性）变化时，加载指示器会自动显示/隐藏；Tag的文本会同步显示在提示区域；FadeTime会控制加载动画的旋转速度，完全实现控件属性和样式的绑定需求。

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