UI 모양 변경기

*이 콘텐츠는 AI(베타)를 사용해 번역되었으며, 오류가 있을 수 있습니다. 이 페이지를 영어로 보려면 여기를 클릭하세요.

모양 변경 기를 사용하여 모양을 더 사용자 정의하세요.

  • 개체의 배경에 그라디언트를 적용합니다.
  • 텍스트 또는 경계에 색을 칠하십시오.
  • 개체에 대해 반올림 코너를 설정합니다.
  • 개체의 경계 사이에 대기 패드 를 증가시킵니다.

그라디언트

Class.UIGradient 개체는 색상 및 투명도 그라디언트를 부모 GuiObject 에 적용합니다.

다음을 사용하여 그라디언트를 구성할 수 있습니다.

  • 그라디에이션의 Class.UIGradient.Color|Color 속성을 통해 색상을 설정합니다.
  • 그라디언트의 속성 Class.UIGradient.Transparency|Transparency 에서 그림자의 투명도를 설정합니다.
  • Class.UIGradient.Offset|Offset 속성을 통해 기하 그래디언트의 시작 점을 선택합니다(부모의 경계 내부 또는 외부).
  • Class.UIGradient.Rotation|Rotation 속성을 통해 그라디언트의 각도를 선택합니다.

색 시퀀스

그라디언트의 색 시퀀스를 설정하려면:

  1. 탐색기 창에서 Class.UIGradient를 선택합니다.

  2. 속성 창에서 색상 속성 필드 내부를 클릭한 다음 … 버튼을 입력 상자 오른쪽에 표시하십시오. 색 시퀀스가 표시됩니다.

    색 시퀀스의 하단 축에 있는 각 삼각형은 키포인트 이며 해당 삼각형에서 색 값을 결정합니다.

    Color sequence popup from white to white
  3. 색 시퀀스에서 키포인트를 클릭한 다음 옆에 있는 작은 정사각형을 클릭하여 색상 팝업 창을 엽니다.

  4. 키포인트에 원하는 색을 선택합니다.

    Color sequence popup from red to white
  5. 필요한 경우, 다음을 할 수 있습니다.

    • 그래프의 어느 곳에서든 클릭하여 또 다른 키포인트를 추가합니다.
    • 기존 키포인트를 새 위치로 드래그하거나 Time 입력을 통해 특정 시간 값을 입력하십시오.
    • 키포인트를 선택하고 삭제 버튼을 클릭하여 키포인트를 삭제합니다.
    • 시퀀스를 다시 설정하려면 초기화 버튼을 클릭하십시오.

투명도

범위 내의 그라디언트 투명도를 조정하려면:

  1. 탐색기 창에서 Class.UIGradient를 선택합니다.

  2. 속성 창에서 투명도 속성 필드 내부를 클릭한 다음 … 버튼을 입력 상자 오른쪽에 표시하십시오. 숫자 시퀀스 팝업이 표시됩니다.

    각 행 번호 시퀀스 그래프 너비에 걸쳐 있는 각 스퀘어는 키포인트 입니다. 이는 해당 키포인트에 대한 투명도 값을 결정합니다.

    Number sequence popup from 0.5 to 0.5
  3. 키 포인트를 클릭, 드래그하거나 시간 입력을 통해 특정 시간/값 조합을 입력하세요.

    Number sequence popup from 0 to 1
  4. 필요한 경우, 다음을 할 수 있습니다.

    • 그래프의 어느 곳에서든 클릭하여 또 다른 키포인트를 추가합니다.
    • 키포인트를 선택하고 삭제 버튼을 클릭하여 키포인트를 삭제합니다.
    • 시퀀스를 다시 설정하려면 초기화 버튼을 클릭하십시오.

오프셋 및 회전

Class.UIGradient.Offset|Offset 및 Rotation 속성을 사용하면 그라디언트의 컨트롤 점과 각도를 조정할 수 있습니다. 다음 그림에 나와 있듯이, Offset는 부모의 너

오프셋 (X) = 0
오프셋 (X) = 0.25
오프셋 (X) = -0.25

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

회전 = 0
회전 = 45
회전 = -90

Class.UIStroke 인스턴스는 텍스트 또는 경계에 윤곽을 적용합니다. 주요 기능 포함:

  • 색상 및 선의 윤곽선의 크기를 조정할 수 있습니다.
  • 부모의 투명도에 독립적으로 슬라이드 투명도를 설정할 수 있습니다.
  • 세 가지 모서리 스타일 (라운드, 벨, 또는 미터).
  • Stroke gradient 지원은 UIGradient 인스턴스를 통해 제공됩니다.

텍스트 윤곽/경계

부모에 따라 UIStroke 는 텍스트 윤곽선 또는 텍스트 경계로 작동합니다. 부모 Class.UIStroke 를 텍스트 개체에 적용하면 텍스트의 윤곽선

UIStroke 자식과 텍스트 레이블
UIStroke 및 UICorner 자식과 함께 프레임

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

UIStroke.ApplyStrokeMode = 컨텍스트
UIStroke.ApplyStrokeMode = 경계

두께

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

UIStroke.Thickness = 4
UIStroke.Thickness = 12

색/그라디어트

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

UIStroke.Color = (0, 95, 225)
UIGradient 자식과 UIStroke

투명도

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

TextLabel.TextTransparency = 0 / UIStroke.Transparency = 0.5
TextLabel.TextTransparency = 1 / UIStroke.Transparency = 0

모서리 스타일

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

UIStroke.LineJoinMode = Round
UIStroke.LineJoinMode = Bevel
UIStroke.LineJoinMode = Miter

모서리

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> ·

5> >
5>

Datatype.UDim.Scale|Scale = 0.5 · 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> ·

마지막으로
1>

패딩

Class.UIPadding 개체는 부모 GuiObject 의 콘텐츠에 대해 상단, 하단, 왼쪽 및/또는 오른쪽 패딩을 적용합니다.

예를 들어, 텍스트 버튼의 하단에 오프셋을 적용하여 텍스트를 내려 또는 올릴 수 있습니다.