UIGradient

Tampilkan yang Tidak Digunakan Lagi

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

UIGradient menerapkan gradien warna dan transparansi ke elemen UI yang disajikan oleh orang tua GuiObject .Penampilan gradien dapat disesuaikan melalui Color ( ColorSequence ), Transparency ( NumberSequence ), Offset ( Vector2 ), dan Rotation (number).

A UIGradient tidak akan berlaku untuk anak atau keturunan GuiObjects .Untuk menerapkan gradien yang sama ke banyak objek, Anda akan membutuhkan beberapa instans gradien.

Lihat juga Pengubah Penampilan untuk informasi lebih lanjut tentang UIGradient objek dan bagaimana mereka bekerja.

Objek yang Didukung

Anda dapat menerapkan gradien ke Frame , TextLabel , TextButton , ImageLabel , ImageButton , dan ViewportFrame .Namun, ScrollingFrame dan TextBox saat ini tidak didukung.

Pertimbangan Kinerja

Untuk menggunakan efisien UIGradient , ikuti prinsip-prinsip berikut:

  • Hindari menggunakan lebih dari 6 perhentian warna pada urutan Color.

  • Hindari menggunakan UIGradient pada objek mana pun yang menerapkan garis teks ( TextStrokeColor3 ), karena gradien akan mencoba untuk bercampur dengan garis dan batas, dan dapat menyebabkan masalah kinerja.

  • Hindari mengatur Color dan Transparency sering: ini menyebabkan urutan warna sering dibangun kembali, yang mahal.Jika memungkinkan, atur properti ini hanya sekali dan cobalah untuk menganimasikan properti Offset atau Rotation untuk mencapai efek serupa.Alternatifnya, Anda dapat mengubah warna orang tua GuiObject menggunakan properti seperti BackgroundColor3 , ImageColor3 , atau TextColor3 .

  • Saat menerapkan gradien yang tidak berubah pada elemen UI yang keadaannya berubah banyak, ada trade-off antara menggunakan UIGradient (waktu pemrosesan) dan gambar gradien statis (memori).

Rangkuman

Properti

  • Baca Paralel

    Menentukan warna yang dicampur dengan GuiObject orangtua di sepanjang panjang gradien.

  • Baca Paralel

    Apakah gradien diaktifkan atau tidak.

  • Baca Paralel

    Menentukan terjemahan skalar dari gradien dari pusat GuiObject orangtua.

  • Baca Paralel

    Menentukan rotasi searah jarum jam dalam derajat gradien mulai dari kiri ke kanan.

  • Menentukan seberapa banyak GuiObject orang tua dapat dilihat melalui sepanjang panjang gradien.

Properti

Baca Paralel

Properti ini menggambarkan warna untuk dicampur dengan elemen UI orang tua di sepanjang ColorSequence yang disediakan.Properti ini bekerja dengan cara yang mirip dengan Beam.Color atau Trail.Color , kecuali bahwa itu berlaku di atas jarak layar yang ditentukan oleh Offset dan Rotation .

Enabled

Baca Paralel

Apakah gradien diaktifkan atau tidak.

Offset

Baca Paralel

Properti ini menentukan terjemahan skalar dari pusat orang tua GuiObject .Ini adalah terjemahan skalar, artinya bahwa offset piksel yang sebenarnya ditentukan oleh AbsoluteSize dari orang tua GuiObject.Jadi, nilai (1, 0) akan menggeser gradien secara horizontal ke kanan dengan jarak yang sama dengan ukuran layar objek orang tua.Tergantung pada Rotation, ini dapat menyebabkan gradien menjadi parsial terlihat atau tidak terlihat sama semua.

Lihat juga Rotation yang juga memengaruhi geometri gradien yang diterapkan.

Rotation

Baca Paralel

Properti ini menentukan rotasi berbalik searah jarum jam dalam derajat dari kiri ke kanan.Titik kontrol awal dan akhir mengikuti tepi orang tua GuiObject, tetapi mempertahankan rotasi yang disediakan.

Lihat juga Offset yang juga memengaruhi geometri gradien yang diterapkan.

Transparency

Baca Paralel

Properti ini menjelaskan seberapa opak elemen UI orang tua akan di sepanjang NumberSequence yang disediakan.Properti ini berfungsi dengan cara yang mirip dengan Beam.Transparency atau Trail.Transparency , kecuali bahwa itu berlaku di atas jarak layar yang ditentukan oleh Offset dan Rotation .

Perhatikan bahwa nilai amplop dari NumberSequenceKeypoints diabaikan.

Metode

Acara