如何在WPF中为多个Ellipse复用样式并修改绑定？

当然有更省心的办法啦！这种不想重复写相同样式代码的需求，在XAML开发里简直是家常便饭，核心思路就是把通用样式抽出来复用，同时留出让绑定动态变化的口子，我给你分享几个实用的方案：

方案1：Style + 依赖/附加属性（最通用） #

先把Ellipse的固定样式（比如边框、默认填充色这些）抽成一个基础Style，然后把需要动态绑定的属性（比如宽高、填充色）绑定到控件本身的属性，或者用语义更清晰的附加属性。

举个基础实现的例子：

<!-- 在资源字典/Window.Resources里定义通用Style -->
<Style x:Key="ReusableEllipseStyle" TargetType="Ellipse">
    <Setter Property="Stroke" Value="#333333"/>
    <Setter Property="StrokeThickness" Value="2"/>
    <!-- 这里把需要动态绑定的Fill绑定到控件的Tag属性（临时用，更优雅的话用附加属性） -->
    <Setter Property="Fill" Value="{Binding RelativeSource={RelativeSource Self}, Path=Tag}"/>
</Style>

<!-- 使用时只需要指定Style，然后绑定不同的动态属性 -->
<Ellipse Style="{StaticResource ReusableEllipseStyle}" 
         Width="{Binding FirstCircleWidth}" 
         Height="{Binding FirstCircleHeight}"
         Tag="{Binding FirstCircleFill}"/>

<Ellipse Style="{StaticResource ReusableEllipseStyle}" 
         Width="{Binding SecondCircleWidth}" 
         Height="{Binding SecondCircleHeight}"
         Tag="{Binding SecondCircleFill}"/>

如果觉得用Tag不够直观，你可以自己写个EllipseHelper类，定义FillColor、CircleSize这类附加属性，然后在Style里绑定到这些附加属性，代码可读性会更高。

方案2：DataTemplate + ContentControl（列表场景首选） #

如果你的Ellipse是批量出现在列表里（比如ItemsControl、ListView），直接把Ellipse封装成DataTemplate，然后绑定数据源即可，完全不用重复写Ellipse的样式代码：

<!-- 定义模板 -->
<DataTemplate x:Key="EllipseItemTemplate">
    <Ellipse Stroke="#333333" StrokeThickness="2"
             Width="{Binding Width}"
             Height="{Binding Height}"
             Fill="{Binding FillColor}"/>
</DataTemplate>

<!-- 在ItemsControl中复用模板 -->
<ItemsControl ItemsSource="{Binding CircleCollection}"
              ItemTemplate="{StaticResource EllipseItemTemplate}"/>

之后只需要在ViewModel里准备一个ObservableCollection<CircleModel>，每个CircleModel包含Width、Height、FillColor这些属性，就能自动生成所有带样式的Ellipse了。

方案3：Style的BasedOn继承（局部修改场景） #

如果大部分控件样式一致，只有个别需要微调（比如某个Ellipse的边框粗细不同），可以用Style的BasedOn属性继承基础样式，只修改需要变动的部分：

<!-- 基础通用样式 -->
<Style x:Key="BaseEllipseStyle" TargetType="Ellipse">
    <Setter Property="Stroke" Value="#333333"/>
    <Setter Property="StrokeThickness" Value="2"/>
    <Setter Property="Fill" Value="LightSkyBlue"/>
</Style>

<!-- 继承基础样式，仅修改填充色 -->
<Style x:Key="RedEllipseStyle" BasedOn="{StaticResource BaseEllipseStyle}" TargetType="Ellipse">
    <Setter Property="Fill" Value="Crimson"/>
</Style>

<!-- 使用时按需选择Style，绑定动态属性 -->
<Ellipse Style="{StaticResource BaseEllipseStyle}" Width="{Binding NormalWidth}" Height="{Binding NormalHeight}"/>
<Ellipse Style="{StaticResource RedEllipseStyle}" Width="{Binding SpecialWidth}" Height="{Binding SpecialHeight}"/>

总的来说，这些方案都是围绕分离通用样式和动态绑定内容来避免重复代码的，根据你的使用场景选就行：单个/零散控件用方案1，列表批量用方案2，局部微调用方案3。

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