Teks untuk elemen UI(User Interface) Memungkinkan pengguna untuk berinteraksi dengan aplikasi Anda. Unity saat ini mendukung tiga sistem UI. More info
Lihat di Glossary dan jala teks dapat menggabungkan beberapa gaya dan ukuran font. Teks, GUIStyle, dan kelas TextMesh memiliki pengaturan Rich Text yang memerintahkan Unity untuk mencari tag markup dalam teks. Fungsi Debug.Log juga dapat menggunakan tag markup ini untuk meningkatkan laporan kesalahan dari kode. Tag tidak ditampilkan tetapi menunjukkan perubahan gaya untuk diterapkan pada teks.
Sistem markup terinspirasi oleh HTML tetapi tidak dimaksudkan untuk kompatibel dengan HTML standar. Ide dasar adalah bahwa bagian teks dapat ditutup dalam sepasang tag yang cocok: -
We are <b>not</b> amused.
Sebagai contoh menunjukkan, tag hanyalah potongan teks di dalam karakter "karung sudut", <
dan >
.
Anda menempatkan tag opening pada awal bagian. Teks di dalam tag menunjukkan namanya (yang dalam kasus ini hanya b).
Anda menempatkan tag lain pada akhir bagian. Ini adalah tag closing. Ini memiliki nama yang sama dengan tag pembuka, tetapi nama diawali dengan karakter slash /
. Setiap tag pembuka harus memiliki tag penutupan yang sesuai. Jika Anda tidak close tag pembuka, itu diberikan sebagai teks biasa.
Tag tidak ditampilkan ke pengguna secara langsung tetapi ditafsirkan sebagai instruksi untuk styling teks yang mereka tutup. Tag b
yang digunakan dalam contoh di atas menerapkan boldface ke kata "tidak", sehingga teks muncul pada creen sebagai:-
not amused
Bagian teks yang ditandai (termasuk tag yang menutupnya) disebut sebagai element.
Hal ini dimungkinkan untuk menerapkan lebih dari satu gaya ke bagian teks dengan "sarang" satu elemen di dalam yang lain
We are <b><i>definitely not</i></b> amused
Tag <i>
menerapkan gaya italic, sehingga ini akan disajikan di layar sebagai
definitely not amused
Perhatikan urutan tag penutupan, yang terbalik dengan tag pembuka. Alasan untuk ini mungkin lebih jelas ketika Anda mempertimbangkan bahwa tag batin tidak perlu mencakup seluruh teks elemen paling luar
We are <b>absolutely <i>definitely</i> not</b> amused
yang memberikan
absolutely definitely not amused
Beberapa tag memiliki efek all-or-nothing sederhana pada teks tetapi yang lain mungkin memungkinkan untuk variasi. Misalnya, tag color perlu tahu warna mana yang berlaku. Informasi seperti ini ditambahkan ke tag oleh penggunaan parameters:-
We are <color=green>green</color> with envy
Yang menghasilkan hasil ini:
Perhatikan bahwa tag akhir tidak termasuk nilai parameter. Secara opsional, nilai dapat dikelilingi oleh tanda kutip tetapi ini tidak diperlukan.
Parameter tag tidak dapat termasuk ruang kosong. Contoh:
We are <color = green>green</color> with envy
tidak bekerja karena ruang untuk kedua sisi karakter =
.
Daftar berikut menjelaskan semua tag styling yang didukung oleh Unity.
Tag | Description | Example | Notes |
---|---|---|---|
b | Memberikan teks dalam keadaan berani. | We are <b>not</b> amused. |
|
i | Memberikan teks dalam italics. | We are <i>usually</i> not amused. |
|
size | Mengatur ukuran teks sesuai dengan nilai parameter, diberikan dalam piksel. | We are <size=50>largely</size> unaffected. |
Meskipun tag ini tersedia untuk Debug. Log, Anda akan menemukan bahwa jarak garis di bilah jendela dan Konsol terlihat aneh jika ukuran diatur terlalu besar. |
color | Mengatur warna teks sesuai dengan nilai parameter. Warna dapat ditentukan dalam format HTML tradisional. #rrggbbaa ... di mana huruf sesuai dengan pasangan digit heksadecimal yang merusak nilai merah, hijau, biru dan alfa (transparency) untuk warna. Sebagai contoh, cyan di opacity penuh akan ditentukan oleh color=#00ffffff ...Anda dapat menentukan nilai heksadecimal dalam huruf besar atau huruf kecil; #FF0000 setara dengan #ff0000 . |
We are <color=#ff0000ff>colorfully</color> amused |
Pilihan lain adalah menggunakan nama warna. Ini lebih mudah dipahami tetapi alami, kisaran warna terbatas dan opacity penuh selalu diasumsikan. Login Nama warna yang tersedia diberikan pada <color=cyan>some text</color> .tabel di bawah. |
material | Ini hanya berguna untuk jaring teks dan membuat bagian teks dengan bahan yang ditentukan oleh parameter. Nilai adalah indeks ke array teks bahan seperti yang ditunjukkan oleh inspektur. | We are <material=2>texturally</material> amused |
|
quad | Ini hanya berguna untuk jaring teks dan render inline gambar dengan teks. Ini mengambil parameter yang menentukan materi untuk digunakan untuk gambar, tinggi gambar dalam piksel, dan empat lebih lanjut yang menunjukkan area persegi panjang gambar untuk ditampilkan. Tidak seperti tag lain, quad tidak mengelilingi sepotong teks dan sehingga tidak ada tag akhir - karakter bulu mata ditempatkan pada akhir tag awal untuk menunjukkan bahwa itu adalah "penutup diri". | <quad material=1 size=20 x=0.1 y=0.1 width=0.5 height=0.5> |
Ini memilih bahan pada posisi dalam array materi renderer dan mengatur ketinggian gambar ke 20 piksel. Area persegi panjang dari gambar dimulai pada diberikan oleh nilai x, y, lebar dan tinggi, yang semuanya diberikan sebagai sebagian kecil dari lebar yang tidak berskala dan tinggi tekstur. |
Daftar tabel berikut warna yang dapat Anda gunakan nama bukan tag heksadesimal dalam tag teks kaya <color>
.
Color name | Hex value | Swatch |
---|---|---|
aqua (same sebagai cyan) | #00ffffff |
|
black | #000000ff |
|
blue | #0000ffff |
|
brown | #a52a2aff |
|
cyan (same sebagai aqua) | #00ffffff |
|
darkblue | #0000a0ff |
|
fuchsia (same sebagai magenta) | #ff00ffff |
|
green | #008000ff |
|
grey | #808080ff |
|
lightblue | #add8e6ff |
|
lime | #00ff00ff |
|
magenta (same sebagai fuchsia) | #ff00ffff |
|
maroon | #800000ff |
|
navy | #000080ff |
|
olive | #808000ff |
|
orange | #ffa500ff |
|
purple | #800080ff |
|
red | #ff0000ff |
|
silver | #c0c0c0ff |
|
teal | #008080ff |
|
white | #ffffffff |
|
yellow | #ffff00ff |
Teks kaya dinonaktifkan secara default dalam sistem editor GUI tetapi dapat diaktifkan secara eksplisit menggunakan GUIStyle kustom. Properti richText
harus diatur untuk benar dan gaya yang dilewatkan ke fungsi GUI dalam pertanyaan:
GUIStyle style = new GUIStyle ();
style.richText = true;
GUILayout.Label("<size=30>Some <color=yellow>RICH</color> text</size>",style);