Memperkenalkan Windows Ribbon Framework

  • Artikel

Kerangka kerja Windows Ribbon adalah sistem presentasi perintah kaya yang menyediakan alternatif modern untuk menu berlapis, toolbar, dan panel tugas aplikasi Windows tradisional.

Paradigma Perintah Baru

Kerangka kerja Pita adalah kumpulan API Microsoft Win32 yang mendukung sejumlah kemampuan UI baru untuk pengembang Windows.

Kerangka kerja perintah UI modern yang kaya ini menawarkan:

  • Implementasi yang mudah untuk aplikasi kerangka kerja Pita baru dan migrasi langsung dari aplikasi Win32 yang ada.
  • Tampilan dan perilaku yang konsisten di seluruh aplikasi Pita.
  • Kepatuhan terhadap pedoman Windows UI untuk pengalaman Windows kelas satu melalui standar aksesibilitas, dukungan gaya visual (tema), penyesuaian kontras tinggi otomatis, dan kesadaran titik tinggi per inci (dpi).

Kerangka kerja Pita terdiri dari dua komponen UI utama:

  • Bilah perintah pita, yang terdiri dari Toolbar Akses Cepat (QAT) yang mengekspos dan menyoroti berbagai perintah pita seperti yang ditentukan oleh pengguna atau aplikasi, dan baris tab yang berisi menu aplikasi, tab standar atau kontekstual, dan tombol bantuan.
  • Sistem menu konteks yang kaya.

Kombinasi XML deklaratif dan antarmuka COM asli digunakan untuk memisahkan presentasi dan fungsionalitas komponen ini.

Tampilan

Komponen UI utama kerangka kerja Pita, bilah perintah pita, dan sistem menu konteks, dibingkai secara struktural melalui Tampilan. Kerangka kerja mendukung dua Tampilan: Tampilan Pita dan Tampilan ContextPopup .

Tampilan Pita

UI Tampilan Pita adalah fitur utama kerangka kerja Pita dan memberikan pengalaman pengguna generasi berikutnya untuk menyajikan perintah di aplikasi Windows.

Pita adalah bilah perintah yang mengekspos fitur utama aplikasi melalui serangkaian tab di bagian atas jendela aplikasi. Ini mirip dalam fungsionalitas dan tampilan ke UI Fasih Microsoft Office 2007. Pita menyediakan titik balik intuitif untuk proses percobaan dan kesalahan penemuan perintah yang khas dari sistem menu Windows standar. Dioptimalkan untuk efisiensi dan penemuan, pita memfasilitasi temuan, pemahaman, dan penggunaan perintah dengan klik mouse minimum dan penekanan tombol melalui sistem kontrol standar, galeri, dan pratinjau langsung.

Gambar berikut mengilustrasikan implementasi kerangka kerja Pita di Paint untuk Windows 7.

cuplikan layar memperlihatkan implementasi pita dalam cat untuk windows 7.

Tampilan ContextPopup

Tampilan ContextPopup , melalui kontrol Popup Konteks , menyediakan sistem menu konteks yang lebih kaya daripada yang tersedia dengan aplikasi Windows sebelumnya. Popup Konteks hanya dapat disebarkan untuk mendukung pita, Popup Konteks mandiri tidak didukung oleh kerangka kerja Pita.

Arsitektur Pita

Berbeda dengan model pengembangan Windows UI berbasis kontrol tradisional, pengembangan UI kerangka kerja Windows Ribbon didasarkan pada konsep Perintah yang lebih abstrak. Dengan berfokus pada Perintah yang terkait dengan kontrol, bukan kontrol itu sendiri, kerangka kerja dapat secara otomatis menyesuaikan UI sebagaimana diperlukan sebagai respons terhadap status eksekusi Perintah yang diambil dari aplikasi host Pita.

Aplikasi yang menggunakan kerangka kerja Pita mengekspos Perintah tanpa ditanamkan dengan detail bagaimana Perintah tersebut diwakili di UI. Ini terkadang disebut sebagai model UI berbasis niat. Jenis Perintah, propertinya, dan sumber dayanya menentukan niat Perintah untuk aplikasi. Misalnya, input mouse, input keyboard, atau bahkan menggoyang perangkat gyroscopic dapat mengakibatkan eksekusi Perintah yang sama yang hanya dikhawatirkan aplikasi dengan menjalankan Perintah, bukan dengan cara dipanggil.

Kerangka kerja Pita memberikan fleksibilitas ini dengan memisahkan fungsionalitas dari presentasi dengan dua struktur pengembangan yang berbeda: bahasa markup berbasis Extensible Application Markup Language (XAML) untuk mendeklarasikan kontrol dan tata letak visual implementasi Pita, dan antarmuka berbasis COM C++ untuk menginisialisasi kerangka kerja dan menangani peristiwa pada durasi. Perbedaan ini memungkinkan pengembang dan desainer UI bertanggung jawab penuh atas munculnya aplikasi Pita, sementara fungsionalitas inti tetap menjadi domain insinyur perangkat lunak.

Untuk informasi selengkapnya, lihat Memahami Perintah dan Kontrol.

API Pita

API Pita menyediakan koneksi yang diperlukan antara Tampilan dan aplikasi host Pita. API ini terdiri dari antarmuka dan kunci properti berikut:

  • Sekumpulan antarmuka COM yang diimplementasikan oleh kerangka kerja Pita untuk melakukan layanan UI.

    Antarmuka Deskripsi
    IUIContextualUI Menentukan metode untuk fungsi inti Tampilan ContextPopup .
    IUIFramework Menentukan metode yang mendukung fungsionalitas inti Tampilan Pita dan ContextPopup .
    IUIRibbon Menentukan metode untuk menentukan pengaturan dan properti untuk Tampilan Pita .
    IUISimplePropertySet Menentukan metode untuk mengambil nilai yang diidentifikasi oleh kunci properti. Antarmuka ini diimplementasikan oleh kerangka kerja Pita dan juga diimplementasikan oleh aplikasi host untuk setiap item di objek IUICollection galeri item.
    Ketika diimplementasikan oleh aplikasi host, metode yang ditentukan oleh antarmuka ini digunakan untuk mengambil nilai kunci properti untuk item yang dipilih di IUICollection.
    IUICollection Menentukan metode untuk memanipulasi kontrol berbasis koleksi secara dinamis, seperti QAT Pita dan galeri berbasis koleksi, pada durasi.
    IUIImage Menentukan metode untuk mengambil gambar untuk ditampilkan di UI Pita.
    IUIImageFromBitmap Menentukan metode pabrik untuk membuat objek IUIImage .

  • Sekumpulan antarmuka COM yang diimplementasikan oleh aplikasi host Pita yang dipanggil kerangka kerja sebagai respons terhadap perubahan UI.

    Antarmuka Deskripsi
    IUIApplication Menentukan metode titik entri panggilan balik aplikasi untuk kerangka kerja Pita.
    IUICommandHandler Menentukan metode untuk mengumpulkan informasi Perintah dan menangani peristiwa Perintah dari kerangka kerja Pita.
    IUICollectionChangedEvent Menentukan metode yang diperlukan untuk menangani perubahan pada koleksi pada durasi.

  • Sekumpulan kunci properti yang menentukan properti UI mana yang memiliki kontrol terprogram.

    Tipe Kunci Properti Deskripsi
    Koleksi Menentukan properti untuk kontrol berbasis kumpulan Pita.
    Pemilih Warna Menentukan properti untuk kontrol pemilih warna Pita.
    Font Menentukan properti untuk FontControl Pita.
    Global Menentukan properti global untuk kerangka kerja Pita.
    Sumber daya Menentukan properti sumber daya Pita.
    Pita Menentukan properti Tampilan Pita.
    Provinsi Menentukan properti untuk status atau konteks kontrol Pita.

Keamanan dan Privasi

DLL kerangka kerja pita (uiribbon.dll) berjalan dalam proses dan memiliki hak istimewa yang sama dengan aplikasi host. Pita hanya menerima apa yang disediakan aplikasi host sebagai input atau input pengguna dari kontrol yang dibatasi dengan ketat seperti kotak kombo spinner dan yang dapat diedit.

Selain itu, kerangka kerja tidak menyimpan informasi apa pun secara permanen kecuali apa yang disediakan oleh aplikasi host atau dikumpulkan (sebagaimana diotorisasi oleh pengguna akhir) melalui Program Pengalaman Pelanggan Windows keikutsertaan.

Aksesibilitas dan Pelokalan

Untuk menyediakan UI yang sangat dapat diakses, kerangka kerja Pita mengimplementasikan Aksesibilitas Aktif Microsoft. Dengan mengisi properti Aksesibilitas Aktif Microsoft yang relevan secara otomatis dengan informasi yang valid dan bermanfaat, kerangka kerja secara signifikan mengurangi beban pengembang untuk memberikan pengalaman inklusif bagi semua pengguna.

Untuk informasi selengkapnya tentang aksesibilitas dalam kerangka kerja Pita, lihat Bekerja dengan Aksesibilitas Aktif di Antarmuka Pengguna Office Fluent 2007.

Selain itu, kerangka kerja Pita adalah fitur Windows dan, dengan demikian, dilokalkan untuk semua bahasa yang didukung Windows. Namun, pengembang bertanggung jawab untuk melokalisasi sumber daya aplikasi spesifik mereka sendiri.

Kesimpulan

Pita adalah bentuk presentasi perintah baru dan menarik yang harus dipertimbangkan pengembang, arsitek, dan desainer aplikasi saat merancang dan membangun aplikasi baru atau memperbarui yang sudah ada.

Forum Pengembangan Pita Windows tersedia untuk membahas topik dan mengajukan pertanyaan terkait pengembangan aplikasi yang mengimplementasikan kerangka kerja Windows Ribbon.

Mendeklarasikan Perintah dan Kontrol dengan Markup Pita

Panduan Pengalaman Pengguna Pita

Proses Desain Pita