Circle which supports any type of screen size.

[JasmineSethi]

How to make a circle (may be using a rectangle) such that if screen size changes still it gives the circle view?

This is when sreen is minimized:

This is when screen is maximized:

How to calculate width and height so that even in any type of screen it gives perfect shape?

[J.Hilk]

hi @JasmineSethi

I would suggest the following:

....
Rectangle{
    anchors.centerIn: parent
    height: Math.min(parent.width, parent.height)
    width:height
    radius: width/2
    color:"red"
}

...

should result in a centered red circle adjusting itself to any width and height of the parent item

[JasmineSethi]

@J.Hilk
That's really awesome. Thank u very much.