Never ever trust in the designer whether it's for WPF, Winforms, Swing or whatever.
Without seeing your xaml it's difficult to say what is wrong. So the best I can do is try setting
SnapsToDevicePixels="True"
Thanks for the answer but is still doesn't display properly. Any other suggestions?
Yes and sorry if seem I a bit harsh now, but advice that seem harsh is mostly very useful :)
Rewrite your XAML it's just way to complex for the simple effect you want.
1) Don't use
StackPanel
as a means to display an image it's a layout
Panel
, as in used to layout UI elements.
2) Use a
Grid
width 3 columns and 3 rows to make your effect, it's simply and very easy for others to see what you're doing.
3) I'm in a generous mood today, so here is how I would do it, the last two images I don't really understand how fit in so I've left them as they where.
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="31"/>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="31"/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="31"/>
<RowDefinition Height="*"/>
<RowDefinition Height="31"/>
</Grid.RowDefinitions>
<Image Source="/Hologram;component/Images/HoloCorner.png"/>
<Image Source="/Hologram;component/Images/HoloX.png" Grid.Column="1"/>
<Image Source="/Hologram;component/Images/HoloXCorner.png" Grid.Column="2"/>
<Image Source="/Hologram;component/Images/HoloY.png" Grid.Row="1"/>
<Image Source="/Hologram;component/Images/HoloFill.png" Grid.Column="1" Grid.Row="1"/>
<Image Source="/Hologram;component/Images/HoloYF.png" Grid.Column="2" Grid.Row="1"/>
<Image Source="/Hologram;component/Images/HoloYCorner.png" Grid.Row="2"/>
<Image Source="/Hologram;component/Images/HoloXF.png" Grid.Column="1" Grid.Row="2"/>
<Image Source="/Hologram;component/Images/HoloXYCorner.png" Grid.Column="2"
Grid.Row="2"/>
<Image Name="Close" Stretch="Fill" HorizontalAlignment="Right" VerticalAlignment="Top"
Width="34" Height="32" Source="/Hologram;component/Images/HoloButtonXD.png"
Margin="0,0,18,0" />
<Image Height="20" Name="Minimize" Stretch="Fill" Width="28"
HorizontalAlignment="Right" VerticalAlignment="Top"
Source="/Hologram;component/Images/HoloButtonMinD.png" StretchDirection="Both"
Margin="0,13,52,0" />
</Grid>
This might very well solve your problem, but no garentees. make the change and then if you're still having problems, then lets take it from there :D
Just updated the XAML I had messed up
Grid.Row
on some of the elements :^)