• Home
• Felgo
• LineItem

LineItem

The LineItem can be used to display colored single and segmented lines. More...

• List of all members, including inherited members

Properties

• color : color
• lineWidth : int
• points : variant
• rounded : bool

Detailed Description

The LineItem is an element which can display primitive lines. The lines can have different segments and can be colored.

Example Usage

Following examples show different use cases of the LineItem.

Point-To-Point Line

This example demonstrates how to use the LineItem to create a simple white line with thickness 1 from one point to another.

 import Felgo
 import QtQuick

 GameWindow {
   Scene {
     LineItem {
       anchors.centerIn: parent
       points: [
         {"x": 0, "y": 0},
         {"x": 10, "y": 10}
       ]
     }
   }
 }

Point-To-Movingpoint Line

This example demonstrates how to connect lines to another object which can be moved.

 import Felgo
 import QtQuick

 GameWindow {
   Scene {
     id: scene

     LineItem {
       color: "green"
       points: [
         {"x":0, "y":0},
         {"x":mousePos.x, "y":mousePos.y}
       ]
     }

     LineItem {
       color: "red"
       points: [
         {"x":scene.width, "y":scene.height},
         {"x":mousePos.x+20, "y":mousePos.y+20}
       ]
     }

     Rectangle {
       id: mousePos
       width: 20
       height: 20
     }

     MouseArea{
       anchors.fill: parent
       onPositionChanged: {
         mousePos.x = mouseX
         mousePos.y = mouseY
       }
     }
   }
 }

See also PolygonItem.

Property Documentation

 import Felgo
 import QtQuick

 GameWindow {
   Scene {
     LineItem {
       points: [
         {"x": 0, "y": 0},
         {"x": 40, "y": 10},
         {"x": 100, "y": 106},
         {"x": 20, "y": 310}
       ]
     }
   }
 }