使用触发器更改图像获取System.Windows.Baml2006.TypeConverterMarkupExtension错误

Question

I have written this code:

<Image>
   <Image.Style>
      <Style TargetType="{x:Type Image}">
         <Style.Triggers>
            <DataTrigger Binding="{Binding MyProperty}" Value="Play">
               <Setter Property="Source" Value="bin\debug\Tasto Play.jpeg"/>
            </DataTrigger>
            <DataTrigger Binding="{Binding MyProperty}" Value="Pause">
               <Setter Property="Source" Value="bin\debug\Tasto Pause.jpeg"/>
            </DataTrigger>
         </Style.Triggers>
       </Style>
   </Image.Style>
</Image>

But when I run the debug an error comes out. The error is System.Windows.Baml2006.TypeConverterMarkupExtension.

MyProperty is string.

Can someone help me?

Thanks, Jacopo.

Answer 1

I think that maybe is the MyProperty property type: if it is string, there is not problem, but if it is, an enum for instance, you must set the type:

 <Image>
   <Image.Style>
      <Style TargetType="{x:Type Image}">
         <Style.Triggers>
            <DataTrigger Binding="{Binding MyProperty}" Value="{x:Type namespace:EnumType.Play}">
               <Setter Property="Source" Value="bin\debug\Tasto Play.jpeg"/>
            </DataTrigger>
            <DataTrigger Binding="{Binding MyProperty}" Value="{x:Type namespace:EnumType.Pause">
               <Setter Property="Source" Value="bin\debug\Tasto Pause.jpeg"/>
            </DataTrigger>
         </Style.Triggers>
       </Style>
   </Image.Style>
</Image>

Maybe could be the setter property, source (I think) is of type Uri, maybe you are not formatting well the string, maybe you must use an absulute uri (for test), but I think it is not a well formatted string path, so the Xaml's converter couldn'd create correctly the Uri type.

Hope this could helps, or give you some idea.

Answer 2

For add an image as a resource in a project you have to click "Project" in the "Visual Studio Menu Bar" and click "properties of the project". Then a window with various toolbars (like internet) will open in your screen. Choose the "resources toolbar" (view the image at http://i.stack.imgur.com/IjC0w.jpg ) and click the arrow near the "Add Resources" button that will be on the top of the window. Click "Add existing file" and choose the file. Then you go in the "Explore solution window" and open the "Debug folder" that will have the new resources. Click with "the right button of mouse" on the new resources that you have added and click on "Properties". On the left of your screen will appear a "Properties window". (view the image at http://i.stack.imgur.com/NqIc1.jpg )

You have to choose on "Compilating operations" the "Resources" item. Now you can use your image as a resources in wpf.

I hope that this could helps. Jacopo