UIGradient 는 부모 GuiObject에서 렌더링된 UI 요소에 색상 및 투명도 그라데이션을 적용합니다.그라데이션의 모양은 Color (ColorSequence), Transparency (NumberSequence), Offset (Vector2), 및 Rotation (number)를 통해 구성할 수 있습니다.
A UIGradient 는 자식이나 후손에 적용되지 않습니다 GuiObjects .여러 개체에 동일한 그라데이션을 적용하려면 여러 그라데이션 인스턴스가 필요합니다.
또한 외관 수정자에 대한 자세한 정보와 개체 및 작동 방식에 대한 자세한 정보는 UIGradient를 참조하십시오.
지원되는 개체
그라데이션을 Frame , TextLabel , TextButton , ImageLabel , ImageButton 및 ViewportFrame 에 적용할 수 있습니다.그러나, ScrollingFrame 및 TextBox 는 현재 지원되지 않습니다.
성능 고려 사항
효율적으로 UIGradient를 사용하려면 다음 원칙을 따르십시오:
Color 시퀀스에 6색 이상의 정지점을 사용하지 않도록 하십시오.
그라데이션이 스트로크와 경계와 섞이려고 시도하고 성능 문제를 일으킬 수 있기 때문에 텍스트 스트로크를 적용하는 모든 개체에서 를 사용하지 않도록 하십시오.
자주 Color 및 Transparency 설정을 피하십시오: 이로 인해 색상 시퀀스가 자주 재구축되어 비용이 많이 듭니다.가능하면 이 속성을 한 번만 설정하고 Offset 또는 Rotation 속성을 애니메이션하여 비슷한 효과를 얻으세요.대신, , 또는 와 같은 속성을 사용하여 부모의 색을 변경할 수 있습니다.
상태가 많이 변경되는 UI 요소에 변경되지 않는 그라데이션을 적용할 때, UIGradient (처리 시간)와 정적 그라데이션 이미지(메모리) 사이에서 타협이 있습니다.
요약
속성
그라데이션 길이 따라 부모 GuiObject와 혼합된 색을 결정합니다.
그라데이션이 활성화되었는지 여부.
부모 GuiObject의 중심에서 그라데이션의 스칼라 번역을 결정합니다.
왼쪽에서 오른쪽으로 시계 방향 회전 정도를 결정합니다.Determines the clockwise rotation in degrees of the gradient starting from left to right.
부모 GuiObject가 그라데이션의 길이를 따라 얼마나 많이 볼 수 있는지 결정합니다.
속성
Color
이 속성은 제공된 ColorSequence 을 따라 부모 UI 요소와 혼합할 색상을 설명합니다.이 속성은 Beam.Color 또는 Trail.Color 과 유사한 방식으로 작동하지만, Offset 및 Rotation 에 의해 결정된 화면 거리에 적용됩니다.
Offset
이 속성은 부모의 중심에서 그라데이션의 스칼라 번역을 결정합니다 GuiObject.스칼라 번역이며, 실제 픽셀 오프셋은 부모의 에 의해 결정됩니다.따라서, 값 (1, 0) 은 부모 개체의 화면 크기와 같은 거리로 그라데이션을 가로로 이동시킬 것입니다.Rotation 에 따라 그라데이션이 부분적으로 표시되거나 전체표시되지 않을 수 있습니다.
또한 적용된 그라데이션의 기하학에 영향을 주는 Rotation도 참조하십시오.
Rotation
이 속성은 왼쪽에서 오른쪽으로 시작하는 도 단위의 시계 방향 회전을 결정합니다.시작과 끝 제어 지점은 부모 GuiObject의 가장자리에 스냅되지만 제공된 회전을 유지합니다.
또한 적용된 그라데이션의 기하학에 영향을 주는 Offset도 참조하십시오.
Transparency
이 속성은 제공된 NumberSequence 길을 따라 부모 UI 요소가 얼마나 불투명한지 설명합니다.이 속성은 Beam.Transparency 또는 Trail.Transparency 과 비슷한 방식으로 작동하지만, Offset 및 Rotation 에 의해 결정된 화면 거리에 적용됩니다.
NumberSequenceKeypoints의 봉투 값은 무시됩니다.