Rectangle with Round corner in qml

[ravandi]

I want to make the following image in the qml:
gerd.png

[anda_skoa]

Rectangle has a radius property.

Cheers,
_

[ravandi]

how is this?
gerd2.png

[anda_skoa]

What do you mean?

Cheers,
_

[ravandi]

I want to make this shap:

[anda_skoa]

A rounded rect plus a non rounded rect overlapping the first rect's bottom part.

Cheers,
_

[ravandi]

my code:

import QtQuick 2.3
import QtQuick.Window 2.1
Window {
    visible: true
    width: 625
    height: 420
 
Rectangle {
	id: aval
    width: 325
    height: 200
    color: "#7483f2"	
    border.width: 1
	border.color: "red"
	radius:20
	anchors.centerIn: parent
 
 	 Rectangle {
		id: doo
		width: 323
		height: 20
		color: "#7483f2"
		anchors.horizontalCenter: parent.horizontalCenter
		anchors.bottom: parent.bottom
		anchors.bottomMargin: 2
	 } 	
 }
}

import QtQuick 2.3
import QtQuick.Window 2.1
Window {
    visible: true
    width: 625
    height: 420
	
Rectangle {
	id: aval
    width: 325
    height: 200
    color: "#7483f2"	
    border.width: 1
	border.color: "red"
	radius:20
	anchors.centerIn: parent

 	 Rectangle {
		id: doo
		width: 323
		height: 20
		color: "#7483f2"
		anchors.horizontalCenter: parent.horizontalCenter
		anchors.bottom: parent.bottom
		anchors.bottomMargin: 2
	 } 	
 }
}

To copy to clipboard, switch view to plain text mode 

border.png

[anda_skoa]

Ah, ok, your other image didn't have that partial overlap at the bottom, so I assumed you wanted the bottom corners to be classic rectangle corners.

Cheers,
_