wpf canvas add element from resources

Question

I am new to wpf

<Window.Resources>
        <Ellipse x:Key="connectorNode" Height="20" Width="20" Fill="Green" Stroke="Black" StrokeThickness="2" MouseMove="Ellipse_MouseMove" MouseLeftButtonDown="Ellipse_MouseLeftButtonDown" MouseLeftButtonUp="Ellipse_MouseLeftButtonUp"></Ellipse>
 </Window.Resources>

How can i add an instance of the Ellipse in the resources to a canvas, i only want to specify Canvas.Left and Canvas.Right but use the same property values as in resources

<Canvas>
</Canvas>

@Djerry i already did it in code, but i also need to do it in xaml for testing — user1492051, Jan 14 '14 at 13:32
You will usually not use any UI elements as resources. What are you trying to achieve? Note that you couldn't even add that Ellipse to more than one Panel at the same time. — Clemens, Jan 14 '14 at 13:33
What you might do is create a style and apply that to Ellipses you are adding. — Terry, Jan 14 '14 at 13:34

score 2 · Accepted Answer · edited May 23 '17 at 10:33

2

It seems like you want to create a generic style and apply it to every Ellipse added, this is how you can do it:

<Window x:Class="MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="350" Width="525">
    <Window.Resources>
        <Style x:Key="EllipseStyle" TargetType="Ellipse">
            <Setter Property="Height" Value="20"/>
            <Setter Property="Width" Value="20" />
            <EventSetter Event="Control.MouseMove" Handler="Control_MouseMove" />
        </Style>
    </Window.Resources>
    <Grid>
        <Canvas>
            <Ellipse Style="{StaticResource EllipseStyle}" />
        </Canvas>
    </Grid>
</Window>

Edit: I've added "EventSetter" so your events can be defined in the style (see this post).

edited May 23 '17 at 10:33

Community

1
1

answered Jan 14 '14 at 13:38

Terry

5,132
4
33
66

You can not set Event Handlers like `MouseMove` this way. – Novitchi S Jan 14 '14 at 13:39
@NovitchiS i figured, i will have to add them to each instance – user1492051 Jan 14 '14 at 13:40
2

@NovitchiS Ever heard about `EventSetter`? – Clemens Jan 14 '14 at 13:46
@Clemens: nice timing, just updated my answer to include that! – Terry Jan 14 '14 at 13:46
@Clemens I forgot about it, never really had the need to use them. – Novitchi S Jan 14 '14 at 13:49

score 1 · Answer 2 · answered Jan 14 '14 at 13:44

If you really want to use an element from resources and apply only canvas properties you can do it this way:

<Window.Resources>
    <ControlTemplate x:Key="connectorNode" >
        <Ellipse 
            Height="20" 
            Width="20" 
            Fill="Green" 
            Stroke="Black" 
            StrokeThickness="2" 
            MouseMove="Ellipse_MouseMove" 
            MouseLeftButtonDown="Ellipse_MouseLeftButtonDown" 
            MouseLeftButtonUp="Ellipse_MouseLeftButtonUp" />
    </ControlTemplate>
</Window.Resources>
<Canvas>
    <ContentControl Template="{StaticResource connectorNode}"/>
    <ContentControl Canvas.Left="50" Template="{StaticResource connectorNode}"/>
</Canvas>

wpf canvas add element from resources

2 Answers2