Người điều khiển UI

*Nội dung này được dịch bằng AI (Beta) và có thể có lỗi. Để xem trang này bằng tiếng Anh, hãy nhấp vào đây.

Bằng cách sử dụng những biến thể ngoại hình , bạn có thể tùy chỉnh thêm vẻ ngoài của GuiObjects của bạn.

  • Ứng dụng một gradient vào nền của một đối tượng.
  • Ứng dụng một màu nét vào văn bản hoặc một biên giới.
  • Đặt góc bo tròn cho một đối tượng.
  • Tăng chất lượng giữa các ranh giới của một đối tượng.

Hành trình

Đối tượng UIGradient áp dụng một màu và một màu tối độ trong suốt cho cha của nó GuiObject .

Bạn có thể tùy chỉnh chuỗi bằng cách:

  • Đặt màu của nó thông qua một Datatype.ColorSequencer trong độ dịch của ColorSequence thuộc tính.
  • Cài đặt trong suốt của nó thông qua một Datatype.NumberSequencer trong NumberSequence tính năng.
  • Chọn điểm xuất phát củaGradient (ở trong hay ngoài giới hạn của cha mẹ) thông qua Offset 속性.
  • Choosing the angle of the gradient through the Rotation property.

Màu thứ tự

Để định màu hộp sọ của một chuỗi màu:

  1. Trong cửa sổ Explorer , hãy chọn UIGradient .

  2. Trong cửa sổ Tính chất , nhấp vào trong các lĩnh vực Màu trong trường thuộc tính, sau đó nhấp vào nút ở phía bên phải của hộp đăng nhập. Một hộp thoại màu xuất hiện.

    Mỗi hình tam giác ở dưới trục màu là một keypoint định vị giá trị màu ở điểm đó.

    Color sequence popup from white to white
  3. Nhấp vào một điểm chuẩn màu trong thứ tự màu, sau đó nhấp vào hộp nhỏ vuông bên cạnh Màu để mở cửa sổ Màu sắc pop-up.

  4. Chọn màu được yêu cầu cho điểm dừng.

    Color sequence popup from red to white
  5. Nếu cần thiết, bạn có thể:

    • Thêm một điểm chính khác bằng cách nhấp chuột bất kì ở trên biểu tượng.
    • Kéo một điểm chuẩn hiện tại đến vị trí mới, hoặc chọn một điểm chuẩn và nhập một giá trị thời gian cụ thể thông qua thời gian đầu vào.
    • Xóa một điểm chuẩn bằng cách chọn nó và nhấp vào nút Xóa .
    • Đặt lại thứ tự bằng cách nhấp vào nút Đặt lại .

Độ trong suốt

Để điều chỉnh độ trong suốt của một biểu tượng trên toàn bộ khoảng cách:

  1. Trong cửa sổ Explorer , hãy chọn UIGradient .

  2. Trong cửa sổ Tính chất , nhấp vào trường Độ trong suốt của tính chất, sau đó nhấp vào nút bên phải của hộp đăng nhập. Một loạt các hàng số xuất hiện.

    Mỗi hàng trong số thứ tự các biểu tượng trên cùng một bảng là một keypoint định vị giá trị trong suốt ở đó.

    Number sequence popup from 0.5 to 0.5
  3. Nhấp và kéo bất kỳ điểm chuẩn nào xung quanh, hoặc chọn một điểm chuẩn và nhập một kombin thời gian/giá trị qua các thời giangiá trị inputs.

    Number sequence popup from 0 to 1
  4. Nếu cần thiết, bạn có thể:

    • Thêm một điểm chính khác bằng cách nhấp chuột bất kì ở trên biểu tượng.
    • Xóa một điểm chuẩn bằng cách chọn nó và nhấp vào nút Xóa .
    • Đặt lại thứ tự bằng cách nhấp vào nút Đặt lại .

Xa bóng và Xoay

Các đặt tính OffsetRotation cho phép bạn điều chỉnh điểm kiểm soát củaGradient và góc của nó. Như được minh họa trong các bảng thông tin

Offset (X) = 0.
Offset (X) = 0.25
Offset (X) = -0.25

Tương tự như vậy, khi bạn quay vòng xoay, các điểm điều khiển cũng quay.

Rotation = 0
Rotation = 45
Rotation = -90

Cột

Cú đối tượng UIStroke áp dụng một đường nét cho văn bản hoặc một biên giới. Các tính năng chính bao gồm:

Ừ Thể Văn Bản / Biên Giới

Tùy thuộc vào cha mẹ của nó, UIStroke hoạt động như một nét chân chúa hoặc như một biên giới . Khi bạn cha mẹ 1> Class.

TextLabel với con của UIStroke
Khung với con cái UIStroke và UICorner

Khi được ứng dụng vào một đối tượng văn bản, bạn có thể khắc phục hành vi vẽ mặt nét mặc định của các đối tượng bằng cách ứng dụng các thuộc tính Class

UIStroke.ApplyStrokeMode = Contextual
UIStroke.ApplyStrokeMode = Border.

Độ dày

Bạn có thể đặt chiều rộng của các cạnh trên bằng cách đo đạc Thickness qua đặt tính được đo đạc bằng pixel từ các cạnh bên ngoài của cha mẹ.

UIStroke.Thickness = 4
UIStroke.Thickness = 12

Màu/Hàng Độ

Bạn có thể đặt màu của cái kẻ thông qua đặt tính Color, và cũng có thể nhúc nhích một đối tượng con UIGradient để tạo ra các cái kẻ tạo ra.

UIStroke.Color = (0, 95, 225)
UIStroke với con cháu UIGradient

Độ trong suốt

Thuộc tính Transparency lập phụ thuộc vào độ trong suốt của bản vẽ khi đối tượng cha đang ở trong BackgroundTransparency hoặc TextTransparency . Điều này cho

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

Kiểu góc

Thuộc tính LineJoinMode cho phép bạn kiểm soát cách các góc được hiểu. Nó chấp nhận giá trị Round , Bevel hoặc 1> Miter1> .

UIStroke.LineJoinMode = Vòng.
UIStroke.LineJoinMode = Bevel
UIStroke.LineJoinMode = Miter

Góc

Cúc UICorner được áp dụng để định hình cho tất cả các góc của cha mình GuiObject . Bạn có thể kiểm soát khu vực đã định hình thông qua đặt hàng

Scale lượt quanh các góc đến một %) dựa trên tổng chiều dài của một mũi tên đầu của cha m��

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

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

Đệm

Một UIPadding đối tượng áp dụng phía trên, dưới, bên trái và/hoặc bên phải cho nội dung của cha GuiObject .

Ví dụ, bạn có thể di chuyển văn bản bên trong một nút văn bản xuống hoặc lên bằng cách áp dụng một lùi sót xuống dưới cùng của nút.