Images from Resources folder for custom controls in WPF - wpf

Question

I'm trying to make a WPF window with a control realized by an array of RadioButtons, each of which is represented by a picture. I've used a template provided in this example, so the template looks like that:
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="RadioButton">
<Border BorderThickness="{TemplateBinding BorderThickness}"
BorderBrush="{TemplateBinding BorderBrush}"
Background="Transparent"
CornerRadius="20">
<Image Source="{Binding Path=Content,
RelativeSource={RelativeSource TemplatedParent}}"/>
</Border>
</ControlTemplate>
</Setter.Value>
</Setter>
Now the problem is that, in order to set the picture on the control, I have to write the whole path to the picture, like that
<RadioButton Name="radioButtonNo" Checked="radioButton_Checked"
Content="C:\Myfolder\MyProject\Resources\MyPic0.png"
Style="{StaticResource Flag}" Width="75"/>
Naturally, I'd wish to be able to write something like
<RadioButton Name="radioButtonNo" Checked="radioButton_Checked"
Content="MyPic0.png"
Style="{StaticResource Flag}" Width="75"/>
but when I do this, all I get is a standard RadioButton with the filename as a caption. What am I doing wrong?

Answer 1

It should be sufficient to provide a correct relative path, like
<RadioButton Content="Resources/MyPic0.png" .../>
Note that image resources in WPF are usually managed as assembly resource files. Their Build Action is set to Resource and they are referenced by Resource File Pack URIs. The XAML parser automatically adds the missing pack://application:,,,/ prefix.
You may as well explicitly create the ImageSource instance that is assigned to the Source property of the Image control in the ControlTemplate:
<RadioButton ...>
<RadioButton.Content>
<BitmapImage UriSource="Resources/MyPic0.png"/>
</RadioButton.Content>
</RadioButton>
Or with an explicitly written Pack URI:
<RadioButton ...>
<RadioButton.Content>
<BitmapImage UriSource="pack://application:,,,/Resources/MyPic0.png"/>
</RadioButton.Content>
</RadioButton>