Draw path on a Canvas : Canvas « Windows Presentation Foundation « VB.Net

1. VB.Net
2. Windows Presentation Foundation
3. Canvas

Draw path on a Canvas

      

<Window x:Class="WpfApplication1.Window1"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Title="WPF" Height="120" Width="260">

    <Window.Resources>
        <Style TargetType="{x:Type ToggleButton}">
            <Setter Property="Width" Value="36"/>
            <Setter Property="Height" Value="30"/>
            <Setter Property="Template" >
                <Setter.Value>
                    <ControlTemplate 
                        TargetType="{x:Type ToggleButton}">
                        <Canvas Canvas.Left="5" Canvas.Top="20">
                            <Path x:Name="pth" Stroke="#000080" Fill="#C0C0C0" 
                              StrokeThickness="3" StrokeStartLineCap="Round" 
                              StrokeEndLineCap="Round" StrokeLineJoin="Round" 
                              Data="M 10,100 l 100,0 l 18,-10 l 5,110 l 10,0 l -7,110 l 2,210 l -20,-15 l -110,5 l 2,-110 Z" />
                        </Canvas>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

    </Window.Resources>

    <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center" Margin="10" Orientation="Horizontal">
        <ToggleButton IsChecked="True"/>
        <ToggleButton IsChecked="False"/>
    </StackPanel>

</Window>

   
    
    
    
    
    
  

Related examples in the same category

1.	Align Button along with Canvas position
2.	Using a Canvas to absolutely position elements
3.	Simple Canvas
4.	StackPanel Demo and Canvas
5.	Canvas with MinHeight and MinWidth
6.	Draws a Path element within a Canvas
7.	Draws several Line elements within a Canvas
8.	Draws several Polyline elements within a Canvas
9.	Rectangle with Fill and Canvas position
10.	Custom Coordinates by transforming the Canvas
11.	Use Canvas coordination
12.	Use Canvas to layout Buttons and Labels
13.	Position UI Elements Using Exact Coordinates
14.	Pixel Snapped
15.	Positioning Rectangle on a Canvas
16.	Canvas inside canvas, showing relative absolute positioning
17.	Aligning elements using multiple attached properties of Canvas
18.	Layer elements in a Canvas element
19.	Use the four attached properties of the Canvas element: Bottom, Left, Right, and Top
20.	Canvas PreviewMouseDown action and MouseDown action
21.	Handles the MouseDown event on the Canvas
22.	StatusBar inside a Canvas
23.	Drag Items from a List and Drop Them on a Canvas
24.	Print Visual(Canvas)
25.	Get position on a Canvas with Canvas.GetLeft
26.	Use a Thumb to resize a Canvas control by responding to the DragDelta event.
27.	Canvas Positioning Properties Sample
28.	Canvas.SetTop
29.	Canvas.SetBottom
30.	Canvas.SetRight
31.	Add buttons to a Canvas with code
32.	Set control position for Canvas