How to draw such a shape in WPF?

Question

WPF

I'm not very good at drawing forms, and WPF, in my opinion, is not very friendly to beginners - guessing how to assemble this or that form is not so easy.
If just drawing a shape does not cause any particular problems:

Unfortunately, it is not possible to resize correctly: You are

either interested in good literature in Russian, how to draw forms that will be adequately resized, or at least hints how to miraculously compose all this.

Answer 1

If only on the fingers ... I won’t tell you a book in Russian.
You need to look towards the anchor points. In WPF, everything snaps to each other, to edges and to guide lines (those "blue stripes" that you can set in the middle of the window). Moreover, you can bind to different edges.
For example, a dropbox with the inscription "All" is anchored to the right or left edge. And so when you increase the size of the window, it stretches. It is necessary to untie it from the left edge and then it will not change size, but simply move to the right. You have the lower part of the window adequately diverges to the right. See how it is and do the same with dropbox.
Now about the table itself. I've been working with WPF for a long time, so I could be wrong. But somewhere there, too, there are bindings of the columns themselves to the guides and edges. Perhaps in code. Perhaps this can be done somehow visually.

Answer 2

1. gradients https://webref.ru/css/value/linear-gradient
2. transformations https://webref.ru/css/transform 3.
shadows https://webref.ru/css/box-shadow
depends on the fate of the blocks when adapting, maybe the background image will be easier