PathPercent QML Type

Permet de modifier la manière dont un chemin est interprété. En savoir plus…

• 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 modifier l'espacement entre les éléments situés sur le tracé d'un « PathView ». Vous pouvez l'utiliser pour regrouper des éléments sur une partie du tracé et les répartir sur d'autres parties.

Les exemples ci-dessous montrent la répartition normale des éléments le long d'un chemin, comparée à une répartition 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 un élément « PathPercent » à une position précédente du chemin.

Dans l’exemple suivant, nous avons un chemin (Path) composé de trois segments (PathLines). Normalement, les éléments de l’ PathView seraient répartis de manière égale le long de ce chemin, avec un nombre égal d’éléments par segment de ligne. L’option « PathPercent » nous permet de spécifier que les première et troisième lignes doivent chacune contenir 10 % des éléments répartis, 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 }
    }
}