Rectangle QML Type

사각형에 앤티앨리어싱을 사용할지 여부를 결정하는 데 사용됩니다. 앤티앨리어싱은 이 프로퍼티의 성능에 미치는 영향에 대한 정보를 제공합니다.

기본값은 반경이 있는 직사각형의 경우 참이고, 그렇지 않으면 거짓입니다.

직사각형의 테두리를 그리는 데 사용되는 너비와 색상입니다.

너비가 1이면 가는 선이 생성됩니다. 선이 없는 경우 너비 0 또는 투명한 색상을 사용합니다.

테두리는 직사각형의 경계 내에 렌더링됩니다.

pixelAligned 가 true (기본값)인 경우 렌더링된 테두리 너비는 디바이스 픽셀 비율 배율을 적용한 후 정수 픽셀로 반올림됩니다. pixelAligned 을 false 으로 설정하면 분수 테두리 너비가 허용되며, 이는 antialiasing 이 활성화된 경우에 바람직할 수 있습니다.

이 속성은 왼쪽 하단 모서리를 그리는 데 사용되는 반경을 보유합니다.

bottomLeftRadius를 설정하지 않으면 radius 가 대신 사용됩니다. bottomLeftRadius가 0이면 모서리가 날카롭게 그려집니다.

이 프로퍼티는 Qt 6.7에 도입되었습니다.

radius, topLeftRadius, topRightRadius, bottomRightRadius 을참조하십시오 .

이 프로퍼티는 오른쪽 하단 모서리를 그리는 데 사용되는 반지름을 보유합니다.

bottomRightRadius가 설정되어 있지 않으면 radius 이 대신 사용됩니다. bottomRightRadius가 0이면 모서리가 날카롭게 그려집니다.

이 속성은 Qt 6.7에 도입되었습니다.

radius, topLeftRadius, topRightRadius, bottomLeftRadius 를참조하십시오 .

이 속성은 직사각형을 채우는 데 사용되는 색을 보유합니다.

기본 색은 흰색입니다.

다음 예는 16진수 및 명명된 색상 표기법을 사용하여 지정된 색상이 있는 직사각형을 보여줍니다:

Rectangle {
    color: "#00B000"
    width: 80; height: 80
}

Rectangle {
    color: "steelblue"
    y: 100; width: 80; height: 80
}

그라데이션과 색상이 모두 지정된 경우 그라데이션이 사용됩니다.

gradient 을참조하세요 .

직사각형을 채우는 데 사용할 그라데이션입니다.

이 속성을 사용하면 간단한 수직 또는 수평 그라데이션을 만들 수 있습니다. 직사각형에 회전을 추가하여 다른 그라데이션을 만들 수도 있습니다.

Rectangle {
    width: 80; height: 80
    color: "lightsteelblue"
}

Rectangle {
    width: 80; height: 80
    gradient: Gradient {
        GradientStop { position: 0.0; color: "lightsteelblue" }
        GradientStop { position: 1.0; color: "blue" }
    }
}

Rectangle {
    width: 80; height: 80
    gradient: Gradient {
        orientation: Gradient.Horizontal
        GradientStop { position: 0.0; color: "lightsteelblue" }
        GradientStop { position: 1.0; color: "blue" }
    }
}

Rectangle {
    width: 80; height: 80
    rotation: 90
    gradient: Gradient {
        GradientStop { position: 0.0; color: "lightsteelblue" }
        GradientStop { position: 1.0; color: "blue" }
    }
}

이 속성은 QGradient::Preset 의 그라데이션 사전 설정도 사용할 수 있습니다. 그러나 직사각형은 단순한 수직 또는 수평 그라데이션만 지원하므로 지원되지 않는 각도가 있는 사전 설정은 가장 가까운 표현으로 되돌아갑니다.

Rectangle {
    width: 80; height: 80
    gradient: Gradient.NightFade
}

Rectangle {
    width: 80; height: 80
    gradient: "SunnyMorning"
}

그라데이션과 색상을 모두 지정한 경우 그라데이션이 사용됩니다.

Gradient 및 color 을참조하세요 .

이 속성은 둥근 직사각형을 그리는 데 사용되는 모서리 반경을 보유합니다.

반경이 0이 아닌 경우 직사각형이 둥근 직사각형으로 그려지고, 그렇지 않으면 일반 직사각형으로 그려집니다. 개별 모서리 반경도 설정할 수 있습니다(아래 참조). 이 값은 반경을 재정의합니다. 설정하지 않은 경우( undefined)로 설정하면 반경이 대신 사용됩니다.

topLeftRadius, topRightRadius, bottomLeftRadius, bottomRightRadius 을참조하세요 .

이 속성은 왼쪽 상단 모서리를 그리는 데 사용되는 반경을 보유합니다.

topLeftRadius가 설정되지 않은 경우 radius 가 대신 사용됩니다. topLeftRadius가 0이면 모서리가 날카롭게 그려집니다.

이 프로퍼티는 Qt 6.7에 도입되었습니다.

radius, topRightRadius, bottomLeftRadius, bottomRightRadius 을참조하십시오 .

이 프로퍼티는 오른쪽 상단 모서리를 그리는 데 사용되는 반지름을 보유합니다.

topRightRadius가 설정되어 있지 않으면 radius 이 대신 사용됩니다. topRightRadius가 0이면 모서리가 날카롭게 그려집니다.

이 속성은 Qt 6.7에 도입되었습니다.

radius, topLeftRadius, bottomLeftRadius, bottomRightRadius 을참조하십시오 .