모양 변경 기를 사용하여 모양을 더 사용자 정의하세요.
그라디언트
Class.UIGradient 개체는 색상 및 투명도 그라디언트를 부모 GuiObject 에 적용합니다.


다음을 사용하여 그라디언트를 구성할 수 있습니다.
- 그라디에이션의 Class.UIGradient.Color|Color 속성을 통해 색상을 설정합니다.
- 그라디언트의 속성 Class.UIGradient.Transparency|Transparency 에서 그림자의 투명도를 설정합니다.
- Class.UIGradient.Offset|Offset 속성을 통해 기하 그래디언트의 시작 점을 선택합니다(부모의 경계 내부 또는 외부).
- Class.UIGradient.Rotation|Rotation 속성을 통해 그라디언트의 각도를 선택합니다.
색 시퀀스
그라디언트의 색 시퀀스를 설정하려면:
탐색기 창에서 Class.UIGradient를 선택합니다.
속성 창에서 색상 속성 필드 내부를 클릭한 다음 … 버튼을 입력 상자 오른쪽에 표시하십시오. 색 시퀀스가 표시됩니다.
색 시퀀스의 하단 축에 있는 각 삼각형은 키포인트 이며 해당 삼각형에서 색 값을 결정합니다.
색 시퀀스에서 키포인트를 클릭한 다음 색 옆에 있는 작은 정사각형을 클릭하여 색상 팝업 창을 엽니다.
키포인트에 원하는 색을 선택합니다.
필요한 경우, 다음을 할 수 있습니다.
- 그래프의 어느 곳에서든 클릭하여 또 다른 키포인트를 추가합니다.
- 기존 키포인트를 새 위치로 드래그하거나 Time 입력을 통해 특정 시간 값을 입력하십시오.
- 키포인트를 선택하고 삭제 버튼을 클릭하여 키포인트를 삭제합니다.
- 시퀀스를 다시 설정하려면 초기화 버튼을 클릭하십시오.
투명도
범위 내의 그라디언트 투명도를 조정하려면:
탐색기 창에서 Class.UIGradient를 선택합니다.
속성 창에서 투명도 속성 필드 내부를 클릭한 다음 … 버튼을 입력 상자 오른쪽에 표시하십시오. 숫자 시퀀스 팝업이 표시됩니다.
각 행 번호 시퀀스 그래프 너비에 걸쳐 있는 각 스퀘어는 키포인트 입니다. 이는 해당 키포인트에 대한 투명도 값을 결정합니다.
키 포인트를 클릭, 드래그하거나 시간 및 값 입력을 통해 특정 시간/값 조합을 입력하세요.
필요한 경우, 다음을 할 수 있습니다.
- 그래프의 어느 곳에서든 클릭하여 또 다른 키포인트를 추가합니다.
- 키포인트를 선택하고 삭제 버튼을 클릭하여 키포인트를 삭제합니다.
- 시퀀스를 다시 설정하려면 초기화 버튼을 클릭하십시오.
오프셋 및 회전
Class.UIGradient.Offset|Offset 및 Rotation 속성을 사용하면 그라디언트의 컨트롤 점과 각도를 조정할 수 있습니다. 다음 그림에 나와 있듯이, Offset는 부모의 너



마찬가지로 그라디언트를 회전할 때 컨트롤 포인트도 회전합니다.



행
Class.UIStroke 인스턴스는 텍스트 또는 경계에 윤곽을 적용합니다. 주요 기능 포함:
- 색상 및 선의 윤곽선의 크기를 조정할 수 있습니다.
- 부모의 투명도에 독립적으로 슬라이드 투명도를 설정할 수 있습니다.
- 세 가지 모서리 스타일 (라운드, 벨, 또는 미터).
- Stroke gradient 지원은 UIGradient 인스턴스를 통해 제공됩니다.
텍스트 윤곽/경계
부모에 따라 UIStroke 는 텍스트 윤곽선 또는 텍스트 경계로 작동합니다. 부모 Class.UIStroke 를 텍스트 개체에 적용하면 텍스트의 윤곽선


텍스트 개체에 적용하면 기본 스트로크 동작을 ApplyStrokeMode 속성으로 대체하여 텍스트를 개체 경계에 대신 적용할 수 있습니다. 텍스트 윤곽 및 경계를


두께
Class.UIStroke.Thickness|Thickness 속성을 통해 스트로크 너비를 설정할 수 있습니다. 이 속성은 부모의 외부 셀에 있는 픽셀로 측정됩니다.


색/그라디어트
Class.UIStroke.Color|Color 속성을 통해 색상을 설정하고 자식 UIGradient 인스턴스를 삽입하여 그라디언트 색상을 생성할 수 있습니다.


투명도
Class.UIStroke.Transparency|Transparency 속성은 부모 개체의 BackgroundTransparency 또는 TextTransparency 에 독립적으로 스트로크 투명도를 설정합니다. 이를 통해 캐스트 텍스트 및 윤곽선이 있는 �


모서리 스타일
Class.UIStroke.LineJoinMode|LineJoinMode 속성을 사용하면 모서리를 해석하는 방법을 제어할 수 있습니다. 이 값은 라운드 , 벨 , 또는 1>미터1>입니다.



모서리
Class.UICorner 인스턴스는 모든 四角形의 모서리에 대해 변형을 적용합니다. You can control the applied radius through the GuiObject 속성 using either CornerRadius or 1>Datatype.UDim.Offset|Offset

Scale 모서리를 % 기반으로 조정하는 경우, 모서리의 길이가 부모의 가장 짧은 모서리 길이에 비례하여 피�

Datatype.UDim.Scale|Scale = 0.25 · Datatype.UDim.Offset|Offset = 2> 02> ·


Datatype.UDim.Scale|Scale = 0 · Datatype.UDim.Offset|Offset = 2> 322> · ·

Datatype.UDim.Scale|Scale = 0 · Datatype.UDim.Offset|Offset = 2> 642> · 1> 그런 다음1> · 0> 다음0> ·
패딩
Class.UIPadding 개체는 부모 GuiObject 의 콘텐츠에 대해 상단, 하단, 왼쪽 및/또는 오른쪽 패딩을 적용합니다.
예를 들어, 텍스트 버튼의 하단에 오프셋을 적용하여 텍스트를 내려 또는 올릴 수 있습니다.