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는 잠재적으로 비용이 많이 드는 ShaderEffectSource 없이도 ShaderEffect 에 BorderImage-같은 기능을 제공합니다.
다음은 기능적으로 동일합니다:
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.늘이기 - 사용 가능한 영역에 맞게 이미지의 크기를 조정합니다.
- BorderImage.반복 - 더 이상 공간이 없을 때까지 이미지를 타일링합니다. 마지막 이미지를 잘라낼 수 있습니다.
- BorderImage.라운드 - 반복과 비슷하지만 마지막 이미지가 잘리지 않도록 이미지의 크기를 축소합니다.
각 속성의 기본 타일 모드는 BorderImage.Stretch입니다.
4개의 테두리선(가로 2개, 세로 2개)은 아래와 같이 이미지를 9개의 섹션으로 나눕니다:
각 테두리선(왼쪽, 오른쪽, 위쪽, 아래쪽)은 메시의 각 가장자리에서 픽셀 단위로 오프셋을 지정합니다. 기본적으로 각 테두리선의 값은 0입니다.
예를 들어, 다음 정의는 아래쪽 선을 메쉬 하단에서 10픽셀 위로 설정합니다:
BorderImageMesh { border.bottom: 10 // ... }
size : size |
메시의 기본 크기입니다. 이는 일반적으로 ShaderEffect 에서 사용 중인 이미지의 sourceSize 에 해당합니다.
© 2025 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.
