BorderImageMesh QML Type
頂点がBorderImage のように配置されたメッシュを定義する。
| Import Statement: | import QtQuick |
プロパティ
- border
- border.bottom : int
- border.left : int
- border.right : int
- border.top : int
- horizontalTileMode : enumeration
- size : size
- verticalTileMode : enumeration
詳細説明
BorderImageMesh はBorderImage のような機能をShaderEffect に提供し、コストのかかるShaderEffectSource を必要としません。
以下は機能的に同等です：
BorderImage {
id: borderImage
border {
left: 10
right: 10
top: 10
bottom: 10
}
source: "myImage.png"
visible: false
}
ShaderEffectSource {
id: effectSource
sourceItem: borderImage
visible: false
}
ShaderEffect {
property var source: effectSource
...
}Image {
id: image
source: "myImage.png"
visible: false
}
ShaderEffect {
property var source: image
mesh: BorderImageMesh {
border {
left: 10
right: 10
top: 10
bottom: 10
}
size: image.sourceSize
}
...
}しかし、BorderImageMeshバージョンは、通常、より良く最適化することができます。
プロパティの説明
horizontalTileMode : enumeration |
verticalTileMode : enumeration |
このプロパティは、イメージの中央部分をリピートまたはストレッチする方法を説明します。
- BorderImage.Stretch - 利用可能な領域にフィットするように画像を拡大縮小します。
- BorderImage.Repeat - 空間がなくなるまで画像をタイル状に並べます。最後の画像をトリミングすることがあります。
- BorderImage.Round - Repeatと同様ですが、最後の画像が切り取られないように画像を縮小します。
各プロパティのデフォルトのタイルモードはBorderImage.Stretchです。
4本のボーダーライン（水平2本、垂直2本）は、下図のように画像を9分割します：
各ボーダーライン（左、右、上、下）は、メッシュのそれぞれのエッジからのオフセットをピクセル単位で指定します。デフォルトでは、各ボーダーラインの値は0です。
例えば、以下の定義では、一番下の線はメッシュの底から10ピクセル上に設定されています：
BorderImageMesh { border.bottom: 10 // ... }
size : size |
メッシュの基本サイズ。これは一般的に、ShaderEffect で使用されている画像のsourceSize に対応します。
本ドキュメントに含まれる文書の著作権は、それぞれの所有者に帰属します。 本書で提供されるドキュメントは、Free Software Foundation が発行したGNU Free Documentation License version 1.3に基づいてライセンスされています。 Qtおよびそれぞれのロゴは、フィンランドおよびその他の国におけるThe Qt Company Ltd.の 商標です。その他すべての商標は、それぞれの所有者に帰属します。
