GUI Skin (IMGUI System)

Switch to Scripting

GUISkins adalah koleksi GUIStyles yang dapat diterapkan pada GUI Anda. Setiap tipe Control memiliki definisi gaya sendiri. Skins dimaksudkan untuk memungkinkan Anda untuk menerapkan gaya ke seluruh UI(User Interface) Memungkinkan pengguna untuk berinteraksi dengan aplikasi Anda. Unity saat ini mendukung tiga sistem UI. More info
Lihat di Glossary, bukan satu Kontrol sendiri.

A GUI Skin as seen in the Inspector — Login Kulit seperti yang terlihat di Inspektur

Untuk membuat GUISkin, pilih Assets->Create->GUI Skin dari bilah menu.

Please Note: Halaman ini mengacu pada bagian dari sistem IMGUI, yang merupakan sistem UI scripting-only. Unity memiliki sistem UI berbasis GameObject yang dapat Anda gunakan. Hal ini memungkinkan Anda untuk merancang dan mengedit elemen antarmuka pengguna sebagai objek yang terlihat dalam tampilan sceneAdegan berisi lingkungan dan menu permainan Anda. Pikirkan setiap file Adegan unik sebagai tingkat yang unik. Di setiap Adegan, Anda menempatkan lingkungan, hambatan, dan dekorasi, pada dasarnya merancang dan membangun permainan Anda dalam potongan-potongan. More info
Lihat di Glossary. Lihat UI System Manual untuk informasi lebih lanjut.

Properties

Semua properti dalam GUI Skin adalah seorang individu GUIStyle. Silahkan baca halaman GUIStyle untuk informasi lebih lanjut tentang cara menggunakan Styles.

*Property:*	*Function:*
Font	Font global untuk digunakan untuk setiap kontrol di GUI
Box	Style untuk digunakan untuk semua kotak
Button	Style untuk digunakan untuk semua Tombol
ToggleSebuah kotak centang yang memungkinkan pengguna untuk mengganti opsi atau menonaktifkan. More info Lihat di Glossary	Style untuk digunakan untuk semua Toggles
Label	Style untuk digunakan untuk semua Label
Text Field	Style untuk digunakan untuk semua bidang teks
Text Area	Style untuk digunakan untuk semua Area Teks
Window	Style untuk digunakan untuk semua Windows
Horizontal Slider	Style untuk digunakan untuk semua bar slider horisontal
Horizontal Slider Thumb	Style untuk digunakan untuk semua Tombol Thumb Slider Horizontal
Vertical Slider	Style untuk digunakan untuk semua bar slider vertikal
Vertical Slider Thumb	Style untuk digunakan untuk semua Tombol Thumb Slider Vertikal
Horizontal Scrollbar	Style untuk digunakan untuk semua Horizontal Scrollbars
Horizontal Scrollbar Thumb	Style untuk digunakan untuk semua Tombol Thumb Gulir Horizontal
Horizontal Scrollbar Left Button	Style untuk digunakan untuk semua Tombol Kiri Gulir Horizontal
Horizontal Scrollbar Right Button	Style untuk digunakan untuk semua Tombol Kanan Gulir Horizontal
Vertical Scrollbar	Style untuk digunakan untuk semua Vertical Scrollbars
Vertical Scrollbar Thumb	Style untuk digunakan untuk semua Tombol Thumb Gulir Vertikal
Vertical Scrollbar Up Button	Style untuk digunakan untuk semua Tombol Gulir Gulir Vertikal
Vertical Scrollbar Down Button	Style untuk digunakan untuk semua Tombol Bawah Gulir Vertikal
Custom 1–20	Kustom tambahan Gaya yang dapat diterapkan pada Kontrol
Custom Styles	Berbagai gaya kustom tambahan yang dapat diterapkan pada setiap kontrol
Settings	Pengaturan Tambahan untuk seluruh GUI
Double Click Selects Word	Jika diaktifkan, klik dua kata akan memilihnya
Triple Click Selects Line	Jika diaktifkan, klik tiga kata akan memilih seluruh garis
Cursor Color	Warna kursor keyboard
Cursor Flash Speed	Kecepatan di mana kursor teks akan berkedip ketika mengedit Kontrol Teks
Selection Color	Warna area yang dipilih Teks

Details

Ketika Anda membuat seluruh GUI untuk permainan Anda, Anda kemungkinan akan perlu melakukan banyak kustomisasi untuk setiap jenis kontrol yang berbeda. Dalam banyak genre permainan yang berbeda, seperti strategi real-time atau role-playing, ada kebutuhan untuk praktis setiap jenis kontrol tunggal.

Karena setiap individu Kontrol menggunakan Style tertentu, tidak masuk akal untuk menciptakan gaya individu lusin-plus dan menetapkan mereka semua secara manual. Login Kulit merawat masalah ini untuk Anda. Dengan menciptakan Skin GUI, Anda memiliki koleksi gaya yang telah ditentukan untuk setiap Kontrol individu. Anda kemudian menerapkan Skin dengan satu baris kode, yang menghilangkan kebutuhan untuk secara manual menentukan Gaya setiap Kontrol individu.

Membuat GUISkins

GUISkins adalah file aset. Untuk membuat Skin GUI, pilih Assets->Create->GUI Skin dari bilah menu. Ini akan menempatkan GUISkin baru di Project View Anda.

A new GUISkin file in the Project View — File GUISkin baru di Tampilan Proyek

Mengedit GUISkins

Setelah Anda membuat GUISkin, Anda dapat mengedit semua Styles yang mengandung di InspectorJendela Unity yang menampilkan informasi tentang Pengaturan GameObject yang dipilih saat ini, aset atau proyek, memungkinkan Anda untuk memeriksa dan mengedit nilai. More info
Lihat di Glossary. Sebagai contoh, Text Field Style akan diterapkan pada semua Kontrol Field Teks.

Editing the Text Field Style in a GUISkin — Mengedit Gaya Bidang Teks di GUISkin

Tidak peduli berapa banyak Field Teks yang Anda buat di script Anda, mereka akan semua menggunakan Style ini. Tentu saja, Anda telah mengontrol perubahan gaya satu kolom teks di atas yang lain jika Anda ingin. Kami akan membahas bagaimana hal itu dilakukan di sampingnya.

Menerapkan GUISkins

Untuk menerapkan GUISkin ke GUI Anda, Anda harus menggunakan skrip sederhana untuk membaca dan menerapkan Kulit ke Kontrol Anda.


    // Create a public variable where we can assign the GUISkin
    var customSkin : GUISkin;

    // Apply the Skin in our OnGUI() function
    function OnGUI () {
        GUI.skin = customSkin;

        // Now create any Controls you like, and they will be displayed with the custom Skin
        GUILayout.Button ("I am a re-Skinned Button");

        // You can change or remove the skin for some Controls but not others
        GUI.skin = null;

        // Any Controls created here will use the default Skin and not the custom Skin
        GUILayout.Button ("This Button uses the default UnityGUI Skin");
    }

Dalam beberapa kasus Anda ingin memiliki dua Kontrol yang sama dengan Gaya yang berbeda. Untuk ini, tidak masuk akal untuk menciptakan Skin baru dan menugaskannya. Sebagai gantinya, Anda menggunakan salah satu gaya Custom di kulit. Memberikan Name untuk Style kustom, dan Anda dapat menggunakan nama itu sebagai argumen terakhir dari Kontrol individu.

    // One of the custom Styles in this Skin has the name "MyCustomControl"
    var customSkin : GUISkin;

    function OnGUI () {
        GUI.skin = customSkin;

        // We provide the name of the Style we want to use as the last argument of the Control function
        GUILayout.Button ("I am a custom styled Button", "MyCustomControl");

        // We can also ignore the Custom Style, and use the Skin's default Button Style
        GUILayout.Button ("I am the Skin's Button Style");
    }

Untuk informasi lebih lanjut tentang bekerja dengan GUIStyles, baca halaman GUIStyle. Untuk informasi lebih lanjut tentang menggunakan UnityGUI, silakan baca Panduan Scripting GUI.

JPG PNG BMP GIF 3 MB

GUI Style (IMGUI System)