• Home
• Felgo
• PolygonItem

PolygonItem

The PolygonItem allows to display polygonal primitives with color. More...

• List of all members, including inherited members

Properties

• close : bool
• color : color
• fill : bool
• texture : url
• vertices : variant

Detailed Description

With PolygonItem you can display colored convex polygons. The shape can be closed, opened, filled or unfilled.

Example Usage

Following examples demonstrates the usage of the PolygonItem.

Simple Polygon

This example demonstrates how to use the PolygonItem to display a black Rectangle that is not filled.

 import Felgo
 import QtQuick

 GameWindow {
   Scene {
     PolygonItem {
       anchors.centerIn: parent
       vertices: [
         Qt.point(0, 0),
         Qt.point(10, 0),
         Qt.point(10, 10),
         Qt.point(0, 10)
       ]
     }
   }
 }

Filled Polygon

This example demonstrates how to use the PolygonItem to display a blue complex shape.

 import Felgo
 import QtQuick

 GameWindow {
   Scene {
     PolygonItem {
       id: polygon
       color: "blue"
       fill: true
       vertices: [
         Qt.point(0, 0),
         Qt.point(40, 15),
         Qt.point(100, 110),
         Qt.point(20, 210),
         Qt.point(10, 150),
         Qt.point(80, 110),
         Qt.point(10, 30)
       ]
     }
   }
 }

Animate Polygon color

This example demonstrates how to animate color changes of the polygon.

 import Felgo
 import QtQuick

 GameWindow {
   Scene {
     PolygonItem {
       id: polygon
       color: "blue"
       fill: true
       vertices: [
         Qt.point(0, 0),
         Qt.point(40, 15),
         Qt.point(100, 110),
         Qt.point(20, 210),
         Qt.point(10, 150),
         Qt.point(80, 110),
         Qt.point(10, 30)
       ]
     }

     SequentialAnimation {
       running: true
       loops: Animation.Infinite
       ColorAnimation {
         target: polygon
         property: "color"
         to: "red"
         duration: 1000
       }
       ColorAnimation {
         target: polygon
         property: "color"
         to: "green"
         duration: 1000
       }
       ColorAnimation {
         target: polygon
         property: "color"
         to: "blue"
         duration: 1000
       }
     }
   }
 }

Property Documentation