Biến thể xuất hiệ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 biến thể xuất hiện , bạn có thể tùy chỉnh thêm xuất hiện của GuiObjects của bạn.

  • Áp dụng một gradient cho nền của một đối tượng.
  • Áp dụng một đường nét cho văn bản hoặc một biên giới.
  • Set góc tròn cho một đối tượng.
  • Tăng đệm giữa các biên giới của một đối tượng.

Độ dốc

Vật thể UIGradient áp dụng một độ màu và độ trong suốt từ tính cho cha của nó GuiObject .

Bạn có thể thiết lập độ dốc bằng cách:

  • Đặt màu của nó thông qua một trong tính chất độ dốc của đồ thị.
  • Đặt độ trong suốt của nó thông qua một trong tính chất của độ dốc của độ dốc.
  • Chọn điểm bắt đầu của độ dốc (bên trong hoặc bên ngoài giới hạn của cha) thông qua thuộc tính Offset.
  • Chọn góc của độ dốc thông qua thuộc tính Rotation .

Chuỗi màu

Để đặt một chuỗi màu của độ dốc:

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

  2. Trong cửa sổ Tính năng , nhấp vào bên trong trường Màu , sau đó nhấp vào nút ở bên phải của hộp nhập.Một pop-up xuất hiện chuỗi màu.

    Mỗi tam giác trên trục dưới của chuỗi màu là một điểm chính xác định giá trị màu tại điểm đó.

    Color sequence popup from white to white
  3. Nhấp vào một điểm chính trong chuỗi màu, sau đó nhấp vào khối nhỏ bên cạnh Màu để mở cửa sổ bật lên Màu .

  4. Chọn màu mong muốn cho điểm chính.

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

    • Thêm một điểm chính khác bằng cách nhấp vào bất kỳ nơi nào trên đồ thị.
    • Kéo một điểm chính hiện có vào vị trí mới, hoặc chọn một điểm chính và nhập một giá trị thời gian cụ thể thông qua đầu vào Thời gian .
    • Xóa một điểm chính bằng cách chọn nó và nhấp vào nút Xóa .
    • Đặt lại chuỗi bằng cách nhấp vào nút Reset .

Độ trong suốt

Để điều chỉnh độ trong suốt của một độ dốc trên phạm vi của nó:

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

  2. Trong cửa sổ Tính năng , nhấp vào bên trong trường Tính minh bạch , sau đó nhấp vào nút ở bên phải của hộp nhập.Một pop-up chuỗi số hiển thị.

    Mỗi khối trên biểu đồ chuỗi số là một điểm chính xác định giá trị minh bạch tại điểm đó.

    Number sequence popup from 0.5 to 0.5
  3. Nhấp và kéo bất kỳ điểm chính xung quanh, hoặc chọn một điểm chính và nhập một kết hợp thời gian/giá trị cụ thể thông qua các đầu vào Thời gianGiá trị .

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

    • Thêm một điểm chính khác bằng cách nhấp vào bất kỳ nơi nào trên đồ thị.
    • Xóa một điểm chính bằng cách chọn nó và nhấp vào nút Xóa .
    • Đặt lại chuỗi bằng cách nhấp vào nút Reset .

Chênh lệch và xoay

Các thuộc tính OffsetRotation cho phép bạn điều chỉnh điểm kiểm soát của độ dốc và góc của nó.Như được minh họa trong các diễn đồ sau, Offset được dựa trên một tỷ lệ **** của chiều rộng hoặc chiều cao của cha mẹ, và cả hai giá trị dương hoặc âm đều hợp lệ

Bù trừ (X) = 0
>

Bù trừ (X) = 0.25
>

Bù trừ (X) = -0.25
>

Tương tự, khi bạn xoay độ dốc, các điểm điều khiển cũng xoay.

Vòng xoay = 0
>

Vòng xoay = 45
>

Vòng xoay = -90
>

Đường viền

Ví dụ UIStroke instance áp dụng một kết cấu cho văn bản hoặc một biên giới. Các tính năng chính bao gồm:

  • Chỉnh sửa màuđộ dày của đường viền nét có thể điều chỉnh.
  • Khả năng đặt nét vẽ minh bạch độc lập với minh bạch của cha mẹ.
  • Ba kiểu góc corner styles (tròn, cạnh hoặc góc cạnh).
  • Hỗ trợ đường viền gradient thông qua ví dụ / trường hợp.

Khu vực văn bản / biên giới

Tùy thuộc vào cha của nó, UIStroke hoạt động như một bản khái quát văn bản hoặc như một biên giới .Khi bạn cha mẹ UIStroke vào một đối tượng văn bản, nó áp dụng cho bản khái niệm của văn bản; khi bạn cha mẹ UIStroke vào đối tượng khác GuiObjects, nó áp dụng cho biên giới.

Thẻ văn bản với con UIStroke
>

Khung với UIStroke và UICorner con trẻ

Khi áp dụng cho một đối tượng văn bản, bạn có thể thay thế hành vi nét mặc định bằng thuộc tính ApplyStrokeMode, cho phép bạn áp dụng nét cho ranh giới của đối tượng thay vì chính văn bản.Bạn thậm chí có thể kiểm soát đường viền và khung văn bản một cách độc lập bằng cách cha nuôi hai UIStroke instance lên một đối tượng văn bản, một đặt sang ngữ cảnh và cái kia sang Biên giới .

UIStroke.ApplyStrokeMode = Ngữ cảnh
UIStroke.ApplyStrokeMode = Biên giới

Độ dày

Bạn có thể đặt chiều rộng của đường viền thông qua thuộc tính Thickness mà được đo bằng像素 từ các cạnh bên ngoài của cha.

UIStroke.Thickness = 4
>

UIStroke.Thickness = 12

Màu / độ dốc

Bạn có thể đặt màu đường viền thông qua thuộc tính Color, cũng như chèn một ví dụ con UIGradient để tạo các đường viền độ dốc.

UIStroke.Color = (0, 95, 225)

UIStroke với con UIGradient
>

Độ trong suốt

Thuộc tính Transparency đặt độ trong suốt của đường viền độc lập với đối tượng cha BackgroundTransparency hoặc TextTransparency .Điều này cho phép bạn hiển thị văn bản và biên giới "trống rỗng" (chỉ bao gồm một bản khái niệm).

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 giải thích.Nó chấp nhận một giá trị của Vòng tròn , Bevel hoặc Miter .

UIStroke.LineJoinMode = Vòng tròn
>

UIStroke.LineJoinMode = Bevel

UIStroke.LineJoinMode = Miter
>

Các góc

Ví dụ UICorner instance áp dụng biến dạng cho tất cả bốn góc của cha mình GuiObject .Bạn có thể kiểm soát bán kính áp dụng thông qua thuộc tính CornerRadius bằng cách sử dụng Scale hoặc Offset .

Scale vòng cạnh lên một phần trăm dựa trên tổng chiều dài của cạnh ngắn nhất của cha, có nghĩa là một thước đo 0.5 hoặc cao hơn biến cha thành hình dạng "pill", bất kể chiều rộng hoặc chiều cao của nó.Offset vòng cạnh lên một số cụ thể của pixel , bất kể chiều rộng/chiều cao của cha.

Scale = 0.25  ·  Offset = 0
Scale = 0.5  ·  Offset = 0
Scale = 0  ·  Offset = 32
Scale = 0  ·  Offset = 64

Đệm

Một đối tượng A UIPadding áp dụng đệm 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 nút văn bản xuống hoặc lên bằng cách áp dụng một khoảng trừ cho phía dưới của nút.