FONQRI

Rectangle {
        id: rect1
        x: 12; y: 12
        width: 76; height: 96
        color: "lightsteelblue"
        MouseArea {
            id: area
            width: parent.width
            height: parent.height
            onClicked: rect2.visible = !rect2.visible

FONQRI

Image {
        x: 12; y: 12
        // width: 72
        // height: 72
        source: "assets/triangle_red.png"
    }
    Image {
        x: 12+64+12; y: 12
        // width: 72
        height: 72/2

FONQRI

Text {
    width: 40; height: 120
    text: 'A very long text'
    // '...' shall appear in the middle
    elide: Text.ElideMiddle
    // red sunken text styling
    style: Text.Sunken
    styleColor: '#FF4444'
    // align text to the top
    verticalAlignment: Text.AlignTop

FONQRI

Text {
        text: "The quick brown fox"
        color: "#303030"
        font.family: "Ubuntu"
        font.pixelSize: 28
    }

FONQRI

Rectangle {
        id: rect1
        x: 12; y: 12
        width: 176; height: 96
        gradient: Gradient {
            GradientStop { position: 0.0; color: "lightsteelblue" }
            GradientStop { position: 1.0; color: "slategray" }
        }
        border.color: "slategray"
    }

FONQRI

Gstreamer Pipeline Samples

Table of Contents:

• Gstreamer Pipeline Samples
  • Tips for Debug
  • Video
    • display test video
    • record to file
• record and display at the same time(queue)

FONQRI

Text 
{
    id: label

    x: 24; y: 24

    // custom counter property for space presses
    property int spacePresses: 0

    text: "Space pressed: " + spacePresses + " times"

FONQRI

MyLabel 
{ 
someText: Text { text: "world!" } 
}

FONQRI

MyLabel 
{ 
Text { text: "world!" } 
}

FONQRI

// MyLabel.qml
import QtQuick 2.0 

Text 
{ 
  default property var someText text: "Hello, " + someText.text 
}