Help with WPF Binding

Question

I need to bind the custom dependency property to the Image elements inside a control.

Now the Label's Foreground binds very well to TextForeground, but not the GeometryDrawing inside the Image (the Image remains Transparent).

What is wrong?

<UserControl x:Class="MyStopControl"
             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" Height="12" Width="24">
    <Canvas >
        <Image x:Name="Dot" Canvas.Left="0" Canvas.Top="0">
            <Image.Source>
                <DrawingImage>
                    <DrawingImage.Drawing>
                        <DrawingGroup>
                            <GeometryDrawing>
                                <GeometryDrawing.Pen>
                                    <Pen Brush="{Binding RelativeSource={x:Static RelativeSource.Self},Path=TextForeground}" Thickness="2" x:Name="BigCircleThickness"/>
                                </GeometryDrawing.Pen>
                                <GeometryDrawing.Geometry>
                                    <GeometryGroup>
                                        <EllipseGeometry x:Name="BigCircle" Center="0,0" RadiusX="7" RadiusY="7"/>
                                    </GeometryGroup>
                                </GeometryDrawing.Geometry>
                            </GeometryDrawing>
                            <GeometryDrawing>
                                <GeometryDrawing.Pen>
                                    <Pen Brush="{Binding RelativeSource={x:Static RelativeSource.Self},Path=TextForeground}"  Thickness="1"/>
                                </GeometryDrawing.Pen>
                                <GeometryDrawing.Geometry>
                                    <GeometryGroup>
                                        <EllipseGeometry x:Name="MediumCircle" Center="0,0" RadiusX="4" RadiusY="4"/>
                                    </GeometryGroup>
                                </GeometryDrawing.Geometry>
                            </GeometryDrawing>
                            <GeometryDrawing Brush="{Binding RelativeSource={x:Static RelativeSource.Self},Path=TextForeground}">
                                <GeometryDrawing.Geometry>
                                    <GeometryGroup>
                                        <EllipseGeometry x:Name="SmallCircle" Center="0,0" RadiusX="2" RadiusY="2"/>
                                    </GeometryGroup>
                                </GeometryDrawing.Geometry>
                            </GeometryDrawing>
                        </DrawingGroup>
                    </DrawingImage.Drawing>
                </DrawingImage>
            </Image.Source>
        </Image>

        <Border x:Name="StopShadow"
                Background="{Binding ElementName=TextBackground}" 
                LayoutTransform="{Binding ElementName=StopText, Path=LayoutTransform}">
            <Label x:Name="StopLabel" 
                   Content="Bla bla some text" 
                   Foreground="{Binding ElementName=TextForeground}" />
        </Border>

    </Canvas>
</UserControl>

Aaron McIver · Accepted Answer · 2010-11-18 16:52:55Z

3

GeometryDrawing does not have a TextForeground property. You are referencing Self, which would be the GeometryDrawing. Change your RelativeSource if you are trying to grab the TextForeground from a different Control.

<GeometryDrawing.Pen>
    <Pen Brush="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type UserControl}}, Path=TextForeground}" Thickness="1"/>
</GeometryDrawing.Pen>

edited Nov 18, 2010 at 16:52

answered Nov 18, 2010 at 16:38

Aaron McIver

24.8k5 gold badges62 silver badges91 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

serhio Over a year ago

MyStopControl has the TextForeground property. So by e.g. for the Label > Foreground="{Binding ElementName=TextForeground}" works wery well.

Aaron McIver Over a year ago

@serhio You are referencing RelativeSource={x:Static RelativeSource.Self} on the GeometryDrawing though...in the Label you are not

serhio Over a year ago

so how should I change the Source in order to point to the usercontrol itself?

serhio Over a year ago

found also an other variant (that I used, by the way) thanks!

serhio · Accepted Answer · 2010-11-18 17:06:59Z

3

<UserControl x:Name="MyStopControl" >
    ...
    <Pen Brush="{Binding ElementName=MyStopControl, Path=TextForeground}"/>
    ...
</UserControl>

answered Nov 18, 2010 at 17:06

serhio

28.7k65 gold badges229 silver badges384 bronze badges

Collectives™ on Stack Overflow

Help with WPF Binding

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related