How to create such a Path in code?

Question

How to create the following xaml in code:

  <Canvas>
         <Path Width="38" Height="9" 
Canvas.Left="-15" Canvas.Top="-1" 
Stretch="Fill" Fill="#FFF2F2F2" 
Data="F1 M 0.684,18.073 L12.790,5.968 L12.790,14.385 L54.794,14.385 L54.794,21.761 L12.790,21.761 L12.790,30.178 Z "/>
</Canvas>

[XY Problem](http://meta.stackexchange.com/a/66378): You don't create UI elements in procedural code in WPF. What are you trying to do? — Federico Berasategui, Dec 24 '13 at 13:46
For runtime VirtualKeyboard formation. My control allows to create any keyboard layout you want. — EngineerSpock, Dec 24 '13 at 13:47
looks like something you would do with an `ItemsControl`, instead of using a horrible winforms-like code behind procedural approach. — Federico Berasategui, Dec 24 '13 at 13:48
spam? I'm trying to tell you what's the `correct` way to do what you're trying to do in WPF. WPF is NOT winforms. Please learn that. — Federico Berasategui, Dec 24 '13 at 13:51
You dont understand all the requirements the project I'm talking about has. — EngineerSpock, Dec 24 '13 at 13:54
And NO, you're just demonstrating you DON'T KNOW what WPF is, because you're insting in your dinosaur archaic horrible procedural crappy code behind winforms approaches. — Federico Berasategui, Dec 24 '13 at 13:54
if I don't understand the requirements, it's only because you have posted a poor question that doesn't really contain details about what you're trying to do. Go ahead and add more details about your actual problem instead of insisting in a crappy horribly bad solution. — Federico Berasategui, Dec 24 '13 at 13:55
`My control allows to create any keyboard layout you want` - you can perfectly do that with an `ItemsControl` and some `DataTemplate`s instead. — Federico Berasategui, Dec 24 '13 at 13:57

score 2 · Accepted Answer · edited May 23 '17 at 11:56

2

According to this answer: https://stackoverflow.com/a/2029805/1683224

You can do this:

var path = new Path();
path.Data = Geometry.Parse("F1 M 0.684,18.073 L12.790,5.968 L12.790,14.385 L54.794,14.385 L54.794,21.761 L12.790,21.761 L12.790,30.178 Z");

Then change the other properties of path as you need.

edited May 23 '17 at 11:56

Community

1
1

answered Dec 24 '13 at 13:56

Wiley Marques

485
3
16

Sankarann · Answer 2 · 2013-12-24T13:59:11.260

0

Create a new instance of Path and in the Data field, parse these F1 M 0.684,18.073 L12.790,5.968 L12.790,14.385 L54.794,14.385 L54.794,21.761 L12.790,21.761 L12.790,30.178 Z with the Geometry class.

for the position, use the SetValue method of framework element like path.SetValue(Canvas.LeftProperty, -15)

edited Dec 24 '13 at 13:59

answered Dec 24 '13 at 13:51

Sankarann

2,625
4
22
59

How to create such a Path in code?

2 Answers2