How to draw a shape that resizes with the form WPF?

Paulo Balbino Published at Dev

Paulo Balbino

I'm new to WPF and would like to know what to use to get a shape like the image below: enter image description here

I also wonder if it is possible that this design may follow the form's dimensions, ie, if the form is resized, the design is too.

In advance, thank you!

Windows 8.1, Visual Studio 2013, C#, WPF Application

Casper Taylor Korshøj

To draw the shape you can use a Path. A path can draw any type of shape specified by its Data property. The Fill and Stroke defines the colors of the shape.

To "follow the form's dimensions" you can set the Stretch property to "Uniform". The shape will then scale accordingly to the window.

Here is an example:

<Window x:Class="WpfApplication57.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="600" Width="800">
    <Grid>
      <Path Data="F1 M 0 0 800 0 800 30 200 30 150 60 0 60 0 0" 
            Fill="Yellow" 
            Stretch="Uniform" 
            Stroke="Black"
            StrokeThickness="4"
            VerticalAlignment="Top" />
   </Grid>
</Window>

Happy coding :-)

Best regards, Casper Korshøj

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at2021-02-9

Comments

0 comments

From Dev

Related Related

Article