how to draw a circle using qml

hi,

i want to draw a circle or ellipse using qml.is it possible to draw?
i saw samegame example in that they took .png to balloons.but in my app,i want to draw so that i can add text to middle of balloon.

thanks in advance.


hema.

Circle is simple:

Code:

---

Rectangle {
     width: parent.width<parent.height?parent.width:parent.height
     height: width
     color: "red"
     border.color: "black"
     border.width: 1
     radius: width*0.5
     Text {
          anchor.fill = parent
          color: "red"
          text: "Boom"
     }
}

---

Ellipse may be more tricky.
Note that you can use graphics (like in samegame example) and text on top of it (like in my example above).

Ya it is possible. For example I will create a circle button.

Quote:

---

1. Button {
2. x:680 (Example value)
3. y:-150 (Example value)
4. text: "Circle button"
5. style: ButtonStyle {
6. background: Rectangle {
7. implicitWidth: 140 (Example val)
8. implicitHeight: width
9. border.width: control.activeFocus ? 1 : 2
10. border.color: "white"
11. radius: width * 0.5
12. gradient: Gradient {
13. GradientStop { position: 5 ; color: control.pressed ? "#eee" : "red" } (Animate)
14. GradientStop { position: 6 ; color: control.pressed ? "#ccc" : "red" }
15. }
16. }
17. }
18. }

---