Bagikan melalui

Gambaran Umum Gaya Visual

  • Artikel

Topik ini menjelaskan gaya visual dan mengidentifikasi komponen Windows yang mendukungnya. Ini juga menjelaskan langkah-langkah yang harus Anda ambil untuk menggunakan gaya visual dalam aplikasi Anda. Topik ini mencakup bagian berikut:

Tema dan Gaya Visual

Windows mencakup beberapa fitur yang memungkinkan pengguna menyesuaikan UI untuk mengakomodasi kebutuhan dan preferensi individu mereka. Fitur-fitur ini termasuk tema, yang diperkenalkan di Microsoft Plus! untuk Windows 95. Tema adalah kumpulan pengaturan yang dapat dipilih pengguna yang mencakup wallpaper, kursor, font, suara, dan ikon. Berikut ini adalah beberapa karakteristik tema.

  • Pengaturan tema ditentukan dalam file .theme yang memiliki format yang mirip dengan file win.ini.
  • Vendor perangkat lunak independen (ISV) dapat membuat dan mendistribusikan file .theme dengan produk.
  • Dalam versi yang lebih lama dari Windows Vista, file tema ditampilkan pada tab Tema dari panel Kontrol tampilan. Di Windows Vista dan yang lebih baru, tema ditampilkan di panel kontrol Personalisasi.

Untuk informasi selengkapnya tentang file .theme, lihat Format File Tema.

Gaya visual adalah spesifikasi yang menentukan tampilan kontrol umum Windows. Gaya visual dikaitkan dengan tema; artinya, file .theme berisi bagian yang menentukan gaya visual untuk diterapkan saat tema tertentu aktif. Berikut ini adalah beberapa karakteristik gaya visual.

  • Pengguna dapat mengubah gaya visual kapan saja dengan memilih tema yang berbeda.
  • Anda harus menggunakan API gaya visual untuk menerapkan gaya visual yang saat ini aktif ke kontrol kustom atau digambar pemilik aplikasi Anda, jika ada.
  • Informasi yang menentukan gaya visual disimpan dalam file .msstyles. Microsoft tidak mendukung penulisan file .msstyles.

Ilustrasi berikut ini memperlihatkan kotak dialog sederhana dengan taskbar, pada desktop Windows 7 yang menggunakan tema Windows Aero tanpa transparansi. Karena aplikasi tidak dikonfigurasi untuk menggunakan gaya visual, tombol muncul sama terlepas dari pengaturan tema.

screen shot of a dialog box with buttons that do not use transparency

Sebaliknya, ilustrasi berikut menunjukkan kotak dialog yang sama pada desktop yang sama, tetapi kali ini aplikasi telah dikonfigurasi untuk bekerja dengan gaya visual. Perhatikan tampilan tombol yang berbeda di area klien. Tombol terlihat berbeda karena sistem telah menerapkan gaya visual yang ditentukan dalam tema Aero.

screen shot of a dialog box with buttons that use transparency

Contoh berikut menunjukkan kotak dialog serupa di desktop Windows 8. Di Windows 8, gaya visual selalu aktif, sehingga aplikasi Windows 8 mendapatkan tema "gratis".

screen shot of a simple dialog box on the windows 8 desktop

Komponen Gaya Visual

Gaya visual didukung oleh komponen berikut:

  • Pustaka kontrol umum (ComCtl32.dll) versi 6 atau yang lebih baru
  • API gaya visual yang diimplementasikan dalam UxTheme.dll
  • Layanan tema
  • Satu atau beberapa file definisi gaya visual (.msstyles)

API gaya visual bergantung pada layanan sistem yang disebut Tema. Pustaka kontrol umum meminta layanan Tema untuk mendapatkan informasi terkait gaya dan, hingga Windows 7, menggunakan layanan untuk merender kontrol dalam gaya visual saat ini.

Di Windows 8 dan yang lebih baru, API gaya visual masih berfungsi jika layanan Tema nonaktif. Ini berarti bahwa kontrol umum dan area jendela non-klien masih akan memiliki gaya visual ketika layanan Tema nonaktif. Fitur Windows 8 yang masih memerlukan layanan Tema meliputi:

  • Mengubah gaya visual, biasanya melalui halaman Personalisasi pc Pengaturan.
  • Pengoptimalan performa yang terlibat dalam mengalihkan pengguna, mencatat, mematikan, dan berbagi di seluruh sesi pengguna.

API gaya visual mendapatkan informasi gaya dari file .msstyles yang terkait dengan tema yang saat ini dipilih. File .msstyles berisi sekumpulan metrik, font, warna, dan bitmap yang menentukan gaya visual

Persyaratan Aplikasi untuk Mendukung Gaya Visual

Untuk menggunakan gaya visual, aplikasi Anda harus berjalan pada sistem operasi yang berisi ComCtl32.dll versi 6 atau yang lebih baru. Jika Anda ingin aplikasi Anda menggunakan ComCtl32.dll versi 6, Anda harus menambahkan manifes aplikasi atau direktif kompilator untuk menentukan bahwa versi 6 harus digunakan jika tersedia. Untuk informasi tentang cara membuat manifes aplikasi yang memungkinkan aplikasi Anda menggunakan gaya visual, lihat Mengaktifkan Gaya Visual.

Untuk kontrol umum, tidak ada tindakan lebih lanjut yang diperlukan untuk memastikan bahwa kontrol ditampilkan dalam gaya visual pilihan pengguna.

Jika aplikasi Anda berisi kontrol kustom atau digambar pemilik, Anda perlu menggunakan API gaya visual untuk mengambil informasi tentang gaya visual yang saat ini aktif, dan untuk menggambar kontrol dalam gaya tersebut.

Untuk versi Windows sebelum Windows 8, aplikasi biasanya perlu menyediakan dua jalur kode terpisah untuk menggambar kontrol kustom dan digambar pemilik. Satu jalur kode menggambar kontrol ketika tema yang menggunakan gaya visual aktif, dan jalur kode lain menarik kontrol ketika tema Windows Classic atau tema kontras tinggi aktif. Namun, di Windows 8, gaya visual selalu aktif, sehingga jalur kode tema terpisah tidak diperlukan. Aplikasi yang dimanifestasikan untuk Windows 8 mendapatkan tema kontras tinggi "secara gratis." Untuk informasi selengkapnya, lihat Mendukung Tema Kontras Tinggi.

Untuk informasi selengkapnya tentang, lihat Menggunakan Gaya Visual dengan Kontrol Kustom dan Gambar Pemilik dan Referensi Gaya Visual.

Gaya Visual