XAML Button with Polyline and Label

image_pdfimage_print


   
     

<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        Title="Design XAML Button"
        SizeToContent="WidthAndHeight"
        ResizeMode="CanMinimize">
    <Button HorizontalAlignment="Center"
            VerticalAlignment="Center" 
            Margin="24">
        <StackPanel>
            <Polyline Stroke="Black"
                      Points="0 10,10 0,20 10,30 0,40 10,50 0,
                        60 10,70 0,80 10,90 0,100 10" />

            <Image Margin="0,10,0,0"
                   Source="c:image.ICO" 
                   Stretch="None" />

            <Label HorizontalAlignment="Center">
                _Read
            </Label>

            <Polyline Stroke="Black"
                      Points="0 0,10 10,20 0,30 10,40 0,50 10,
                        60 0,70 10,80 0,90 10,100 0" />
        </StackPanel>
    </Button>
</Window>

   
    
    
    
    
     


Add Polyline to UniformGrid

image_pdfimage_print


   
     

<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="300" Width="400">
    <UniformGrid Columns="3" HorizontalAlignment="Center" VerticalAlignment="Center">
        <Polyline Margin="10" Stroke="Black" StrokeThickness="5" Points="110,0 120,0 100,130 0,300 0,20 180,120 80,180 20,180, 210,410 610,410 610,610 40,60" />
    </UniformGrid>
</Window>

   
    
    
    
    
     


Set Margin and Stroke for Polyline

image_pdfimage_print


   
     

<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="300" Width="400">
    <UniformGrid Columns="3" HorizontalAlignment="Center" VerticalAlignment="Center">
        <Polyline Margin="10" Stroke="Black" StrokeThickness="5" Points="110,0 120,0 100,130 0,300 0,20 180,120 80,180 20,180, 210,410 610,410 610,610 40,60" />
    </UniformGrid>
</Window>

   
    
    
    
    
     


Set StrokeThickness for Polyline

image_pdfimage_print


   
     

<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="300" Width="400">
    <UniformGrid Columns="3" HorizontalAlignment="Center" VerticalAlignment="Center">
        <Polyline Margin="10" Stroke="Navy" StrokeThickness="8" StrokeStartLineCap="Triangle" StrokeEndLineCap="Triangle" Points="10,10 100,10 100,10 0,10 0,120 180,210 180,180 210,80, 20,40 60,40 160,60 40,60" />
    </UniformGrid>
</Window>

   
    
    
    
    
     


Specifying points the long way with Polygon.Points tag and Point

image_pdfimage_print


   
     
<Window x:Class="WpfApplication1.ShapesWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="ShapesWindow" Height="160" Width="400">
    <StackPanel Orientation="Horizontal">
        <Polygon Fill="Red" >
            <Polygon.Points>
                <Point X="20" Y="0"/>
                <Point X="40" Y="40"/>
                <Point X="0" Y="40"/>
            </Polygon.Points>
        </Polygon>

    </StackPanel>
</Window>

   
    
    
    
    
     


Draw figure with “EvenOdd” FillRule

image_pdfimage_print


   
     

<Canvas xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        TextBlock.FontSize="16">
    <Canvas.Resources>
        <Style x:Key="figure">
            <Setter Property="Polygon.Points"
                    Value="0 48, 0 150, 96 150, 96 0, 200 0, 200 100, 48 96, 48 192, 144 192 144 48" />
            <Setter Property="Polygon.Fill"
                    Value="Blue" />
            <Setter Property="Polygon.Stroke"
                    Value="Red" />
            <Setter Property="Polygon.StrokeThickness"
                    Value="3" />
        </Style>
    </Canvas.Resources>

    <TextBlock Canvas.Left="48" Canvas.Top="24"
               Text="FillRule = EvenOdd" />

    <Polygon Style="{StaticResource figure}"
             FillRule="EvenOdd"
             Canvas.Left="48" Canvas.Top="72" />
</Canvas>