PathPercent QML Type

Manipule la manière dont un chemin est interprété. Plus d'informations...

• Liste de tous les membres, y compris les membres hérités

Propriétés

• value : real

Description détaillée

PathPercent vous permet de manipuler l'espacement entre les éléments sur le chemin d'un PathView. Vous pouvez l'utiliser pour regrouper des éléments sur une partie du chemin et les répartir sur d'autres parties du chemin.

Les exemples ci-dessous montrent la distribution normale des éléments le long d'un chemin par rapport à une distribution qui place 50 % des éléments le long de la section PathLine du chemin.

PathView {
    // ...
    Path {
        startX: 20; startY: 0
        PathQuad { x: 50; y: 80; controlX: 0; controlY: 80 }
        PathLine { x: 150; y: 80 }
        PathQuad { x: 180; y: 0; controlX: 200; controlY: 80 }
    }
}

PathView {
    // ...
    Path {
        startX: 20; startY: 0
        PathQuad { x: 50; y: 80; controlX: 0; controlY: 80 }
        PathPercent { value: 0.25 }
        PathLine { x: 150; y: 80 }
        PathPercent { value: 0.75 }
        PathQuad { x: 180; y: 0; controlX: 200; controlY: 80 }
        PathPercent { value: 1 }
    }
}

Voir également Path.

Documentation sur les propriétés

value : real

La proportion d'éléments qui doivent être disposés jusqu'à ce point.

Cette valeur doit toujours être supérieure à la dernière valeur spécifiée par PathPercent à une position précédente dans le chemin.

Dans l'exemple suivant, nous avons un chemin composé de trois lignes de chemin. Normalement, les éléments du site PathView devraient être disposés de manière égale le long de ce chemin, avec un nombre égal d'éléments par segment de ligne. PathPercent nous permet de spécifier que la première et la troisième ligne doivent contenir chacune 10 % des éléments disposés, tandis que la deuxième ligne doit contenir les 80 % restants.

PathView {
    // ...
    Path {
        startX: 0; startY: 0
        PathLine { x:100; y: 0; }
        PathPercent { value: 0.1 }
        PathLine { x: 100; y: 100 }
        PathPercent { value: 0.9 }
        PathLine { x: 100; y: 0 }
        PathPercent { value: 1 }
    }
}