将背景颜色更改为基于可视模式

Question

我有一个元素列表（纯文本块的简单按钮），它们是根据列表项内容进行颜色编码的。用户可以更新Listitem，因此listitem的颜色应该改变。对于某些listitem背景颜色，比如“Red”，我想添加一个模式。

我在XAML中添加以下VisualPatterns：在列表项使用

<Window.Resources> 
    <VisualBrush x:Key="FwdPattern" TileMode="Tile" Viewport="0,0,15,15" ViewportUnits="Absolute" Viewbox="0,0,15,15" ViewboxUnits="Absolute"> 
     <VisualBrush.Visual> 
      <Grid> 
       <Path Data="M 0 15 L 15 0" Stroke="Gray" /> 
      </Grid> 
     </VisualBrush.Visual> 
    </VisualBrush> 
    <VisualBrush x:Key="BckPattern" TileMode="Tile" Viewport="0,0,15,15" ViewportUnits="Absolute" Viewbox="0,0,15,15" ViewboxUnits="Absolute"> 
     <VisualBrush.Visual> 
      <Grid> 
       <Path Data="M 0 0 L 15 15" Stroke="Gray" /> 
      </Grid> 
     </VisualBrush.Visual> 
    </VisualBrush> 
</Window.Resources> 

按钮模板是：

<Border Background="{Binding BackgroundClr}"> 
    <Button Name="MyButton" Content="Testing"> 
     <Button.Style> 
      <Style TargetType="{x:Type Button}"> 
       <Setter Property="Background" Value="{Binding BackgroundClr}"/> 
       <Style.Triggers> 

       <!-- This does not work, see [http://stackoverflow.com/questions/39583263/brush-mvvm-binding-does-not-give-named-color/39583422#39583422][1] --> 

        <DataTrigger Binding="{Binding BackgroundClr}" Value="Red"> 
         <Setter Property="Background" Value="{StaticResource BckPattern}"/> 
        </DataTrigger> 

       <!-- This does not work either, it goes in infinite loop 
        and StackOverflow exception is thrown- 
        probably because I am reading the background color in 
        the datatrigger and again updating it- but i dont know--> 

        <DataTrigger Binding="{Binding Background.Color, RelativeSource={RelativeSource Self}}" Value="Red"> 
         <Setter Property="Background" Value="{StaticResource BckPattern}"/> 
        </DataTrigger> 
       </Style.Triggers> 
      </Style> 
     </Button.Style> 
    </Button> 
</Border> 

目前我除了从VM按钮BackgroundClr没有其他的知识，以确定是否我需要提供一个模式或不。

• 试图解

  1. 一种解决方案是有一个结合性财产PatternName并基于它，确定要应用的图案：

上面的代码的工作，但我必须有一个附加的场所在VM

另一个解决方案是将访问VisualBrush在VM和BackgroundClr直接应用图案 - 我还没有想出如何做到这一点呢。

哪个更好的解决方案还是有其他方法可以实现？

感谢，

RDV

Answer 1

变化{Binding BackgroundClr}到{Binding BackgroundClr.Color}。