how can i create custom controlls with UWP?

When I searched Google for custom controls, I could only find a way to extend the existing controls.

However, I want to know how to make a control from scratch like the attached picture.

Specifically, I want to make the shape of the tree over there so that I can move the circle like Progress bar and register the writing.

Can i create a new control by adding detailed functions like this?

I want to make this app, so wpf and other native platforms are fine, not uwp.

There are a number of tutorials available for creating custom controls in Xaml/WPF/UWP.

From the limited info you provide it sounds like you want to do a custom draw method (to draw the tree and any textboxes); mouse-click event to register textbox / tree clicks; and possibly a separate control for textbox editing.