Modifikasi Penampilan UI

*Konten ini diterjemahkan menggunakan AI (Beta) dan mungkin mengandung kesalahan. Untuk melihat halaman ini dalam bahasa Inggris, klik di sini.

Dengan menggunakan modifier penampilan , Anda dapat menyesuaikan tampilan Class.GuiObject|GuiObjects Anda.

Gradasi

Objek UIGradient menerapkan warna dan transparansi gradien ke objek tingkat atasnya GuiObject .

Anda dapat mengkonfigurasi gradien dengan:

Urutan Warna

Untuk menetapkan urutan warna gradasi:

  1. Di jendela Explorer , pilih UIGradient.

  2. Di jendela Properti , klik ke dalam pola Warna property field, lalu klik tombol ke kanan dari kotak masuk. A kolom warna pop-up muncul.

    Setiap segi tiga di sumbu bawah warna secara urutan adalah keypoin yang menentukan nilai warna pada saat itu.

    Color sequence popup from white to white
  3. Klik titik kunci dalam urutan warna, lalu klik kecil di sebelah Warna untuk membuka jendela pop-up Warna .

  4. Pilih warna yang diinginkan untuk keypoint.

    Color sequence popup from red to white
  5. Jika perlu, Anda dapat:

    • Tambahkan poin kepemutusan lain dengan mengklik di mana saja di grafik.
    • Seret poin kepala yang ada ke posisi baru, atau pilih poin kepala dan masukkan nilai waktu tertentu melalui input Waktu .
    • Hapus poin kunci dengan memilihnya dan mengklik tombol Hapus .
    • Atur ulang urutan dengan mengklik tombol Atur ulang .

Transparansi

Untuk menyesuaikan transparansi gradien di seluruh rentang:

  1. Di jendela Explorer , pilih UIGradient.

  2. Di jendela Properti , klik ke dalam pola Transparansi lalu klik tombol ke kanan dari kotak masuk. Ada pop-up urutan angka.

    Setiap persimpangan di grafik urutan angka adalah keypoin yang menentukan nilai transparansi pada saat itu.

    Number sequence popup from 0.5 to 0.5
  3. Klik dan seret setiap titik kunci di sekitar, atau pilih titik kunci dan masukkan kombinasi waktu/nilai spesifik melalui Waktu dan Nilai input.

    Number sequence popup from 0 to 1
  4. Jika perlu, Anda dapat:

    • Tambahkan poin kepemutusan lain dengan mengklik di mana saja di grafik.
    • Hapus poin kunci dengan memilihnya dan mengklik tombol Hapus .
    • Atur ulang urutan dengan mengklik tombol Atur ulang .

Offset dan Rotasi

Propinsi Offset dan Rotation menyertakan kemampuan untuk menyesuaikan poin kontrol gradien dan sudutnya. Seperti yang ditunjukkan dalam grafik berikut, Offset didasarkan pada

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

Demikian pula, ketika Anda memutar gradien, poin kontrol juga berputar.

Rotasi = 0
Rotasi = 45
Rotasi = -90

Instansi UIStroke menerapkan kontur ke teks atau batas. Fitur kunci termasuk:

  • Color adjustable warna dan ketebuhan dari kontur pens.
  • Kemampuan untuk menetapkan transparansi stroke secara independen dari transparansi orang tua.
  • Tiga gaya sudut (round, bevel, atau miter).
  • Stroke gradasi dukungan melalui instansi UIGradient kejadian.

Urutan Teks / Perbatasan

Tergantung pada orang tuanya, UIStroke beroperasi sebagai batangan teks atau sebagai batangan border . Saat Anda orang tuanya 1> Class.UIStroke1> ke objek teks, itu menerapkan pada batangan teks; sa

TextLabel dengan anak UIStroke
Frame dengan anak-anak UIStroke dan UICorner

Ketika diterapkan ke objek teks, Anda dapat menggeser perilaku stok default oleh ApplyStrokeMode property, memungkinkan Anda menerapkan warna ke batas objek bukan teks itu sendiri. Anda bahkan dapat mengontrol batas teks dan batas teks secara terpis

UIStroke.ApplyStrokeMode = Konteksual
UIStroke.ApplyStrokeMode = Border

Kebesaran

Anda dapat mengatur lebar garis melalui properti Thickness yang diukur dalam pixel dari ujung luar orang tua.

UIStroke.Thickness = 4)
UIStroke.Thickness = 12

Warna / Gradient

Anda dapat menetapkan warna stroke melalui property Color, serta menyisipkan instansi anak UIGradient untuk menciptakan gradasi warna.

UIStroke.Color = (0, 95, 225)
UIStroke dengan anak UIGradient

Transparansi

Properti Transparency menetapkan transparansi stroke secara independen dari objek utama objek BackgroundTransparency atau TextTransparency . Ini memungkinkan Anda untuk menyederkan teks dan batas-batas yang "hollow" (berisi hanya kontur).

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

Gaya Pojok

Properti LineJoinMode memungkinkan Anda untuk mengontrol cara sudut diinterpretasi. Ini menerima nilai Round , Bevel , atau 1> Miter1> .

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

Sudut

Instansi UICorner menerapkan deformasi ke semua empat sudut dari anggota GuiObject nya. Anda dapat mengontrol radius yang diterapkan melalui properti CornerRadius menggunakan either 1>Datatype.UDim.Scale|Scale

Scale menggulung sudut ke persentase berdasarkan pada panjang total dari ujung pendek terpendek dari orang tua, yang berarti bahwa skala 0>

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

Menambah

Sebuah objek UIPadding menerapkan pengisi daya top, bawah, kiri, dan/atau kanan pada konten dari orang tua GuiObject .

Misalnya, Anda dapat menggeser teks ke bawah atau ke atas dengan menerapkanOffset ke bawah tombol.