Perancang Pita

Perancang Pita adalah kanvas desain visual. Gunakan Perancang Pita untuk menambahkan tab kustom, grup, dan kontrol ke pita aplikasi Microsoft Office.

Berlaku untuk: Informasi dalam topik ini berlaku untuk proyek tingkat dokumen dan proyek Add-in VSTO untuk aplikasi berikut: Excel; InfoPath 2013 dan InfoPath 2010; Outlook; PowerPoint; Project; Visio; Word. Untuk informasi selengkapnya, lihat Fitur yang tersedia oleh aplikasi Office dan jenis proyek.

Untuk membuka Perancang Pita, tambahkan item Pita (Visual Designer) ke proyek Anda. Anda kemudian dapat menggunakan alat desain untuk tugas-tugas berikut:

Mendesain tata letak Pita
Menangani peristiwa dan mengatur properti kontrol
Menambahkan kontrol ke Tampilan Backstage

Nota

Ada beberapa tugas yang tidak bisa Anda selesaikan dengan menggunakan Perancang Pita. Untuk informasi selengkapnya tentang tugas-tugas ini dan bagaimana Anda bisa menyelesaikannya, lihat Tinjauan Ribbon.

Menambahkan item Pita (Visual Designer) ke proyek

Untuk menggunakan Perancang Pita, tambahkan item Pita (Visual Designer) baru ke proyek Anda. Untuk informasi selengkapnya, lihat Cara: Mulai mengkustomisasi pita.

Saat Anda menambahkan item Pita (Visual Designer) baru, Visual Studio secara otomatis menambahkan file berikut ke proyek Anda:

File kode Ribbon. File ini memiliki nama yang Anda tentukan untuk item Ribbon (Visual Designer) dalam kotak dialog Tambahkan Item Baru. Tambahkan kode untuk menangani event Ribbon ke dalam file ini.
File kode Desainer Ribbon. File ini berisi kode yang dihasilkan oleh Perancang Pita dan tidak boleh diedit secara langsung.
File Sumber Daya. File ini berisi nilai properti dari setiap kontrol pada pita.

Jika Anda sudah memiliki item Pita (Visual Designer) dari proyek lain, Anda bisa menggunakannya kembali di proyek Anda saat ini dengan menggunakan kotak dialog Tambahkan Item yang Sudah Ada .

Mendesain pita

Ada tiga cara untuk membuka Perancang Pita:

Di Penjelajah Solusi, klik dua kali file kode Pita.
Di Penjelajah Solusi, klik kanan file kode Pita, lalu klik Desainer Tampilan.
Di Penjelajah Solusi, pilih file kode Pita, lalu klik Perancang pada menu Tampilan .

Perancang Pita berisi tab dan grup default. Anda bisa menghapus tab dan grup default dari Perancang Pita. Untuk menghapus grup default, klik kanan Group1, lalu klik Hapus. Untuk menghapus tab default, klik kanan area kosong dari permukaan desain, lalu klik Hapus Tab Pita.

Anda juga bisa menambahkan tab, grup, dan kontrol kustom ke Perancang Pita. Anda bisa menemukan kontrol ini di Kotak Alat, di grup Kontrol Pita Office . Ada tiga cara untuk menambahkan kontrol dari grup Kontrol Pita Office ke Perancang Pita:
Seret kontrol ke area yang sesuai pada Perancang Pita.
Klik kontrol lalu klik area yang sesuai di Perancang Pita.
Pilih area yang sesuai di perancang, lalu klik dua kali kontrol di Kotak Alat.

Alur kerja desain pita

Ikuti langkah-langkah dasar ini untuk mendesain tata letak Pita:

Tambahkan tab kustom ke pita.
Tambahkan grup ke tab .
Tambahkan kontrol ke grup.

Kontrol hanya dapat dihilangkan pada grup; Anda tidak dapat menyeret kontrol langsung ke tab atau ke pita. Grup hanya dapat dihilangkan pada tab; Anda tidak dapat menyeret grup langsung ke pita.

Atur kontrol dengan menyeretnya ke posisi yang benar. Anda dapat mengatur properti kontrol dengan menggunakan jendela Properti .

Anda tidak dapat menyeret kontrol dari satu tab ke tab lainnya pada pita. Jika Anda ingin memindahkan kontrol ke tab lain, Anda harus menggunakan perintah Potong untuk menghapus kontrol dari satu tab, lalu menempelkan kontrol pada tab lain. Jika Anda memotong kontrol dan menempelkannya, penanganan aktivitas berhenti berfungsi. Anda dapat menyambungkan kembali penanganan aktivitas di jendela Properti . Untuk informasi lebih lengkap, lihat Jendela Properti.

Menambahkan tab kustom ke pita

Ada tiga cara untuk menambahkan tab kustom ke pita:

Tambahkan tab dari Kotak Alat.
Klik kanan Perancang Pita, lalu klik Tambahkan Tab Pita.
Buka Editor Koleksi Tab, lalu klik Tambahkan.

Untuk membuka Editor Koleksi Tab, di jendela Properti , pilih properti Tab , lalu klik tombol elipsis .

Setelah menambahkan tab, Anda bisa menambahkan grup untuk berisi kontrol.

Menghapus tab kustom dari pita

Ada tiga cara untuk menghapus tab kustom dari pita:

Klik kanan perancang, lalu klik Hapus Tab Pita.
Di panel Perintah dari jendela Properti , klik Hapus Tab Pita.
Buka Editor Koleksi Tab, pilih tab, lalu klik Hapus.

Mengubah posisi tab pada pita

Anda bisa mengubah urutan tab kustom pada pita. Anda juga bisa memposisikan tab kustom sebelum atau sesudah tab bawaan pada pita. Untuk informasi selengkapnya, lihat Cara: Mengubah posisi tab pada pita.

Mengkustomisasi tab bawaan pada pita

Tab bawaan adalah tab yang sudah ada di pita aplikasi Microsoft Office. Misalnya, tab Data adalah tab bawaan di Excel.

Anda dapat menambahkan grup dan kontrol ke tab bawaan. Secara default, grup kustom muncul sebagai grup terakhir pada tab bawaan, meskipun Anda bisa memindahkannya sebelum atau sesudah grup bawaan pada tab.

Anda tidak dapat menghapus grup bawaan.

Untuk detail tentang cara mengkustomisasi tab bawaan, lihat Cara: Mengkustomisasi tab bawaan.

Menambahkan grup ke tab

Grup secara logis menata kontrol pada pita. Tambahkan grup ke tab. Tambahkan semua kontrol lain ke grup.

Menambahkan kontrol pada grup

Tambahkan satu atau beberapa kontrol ke grup. Tabel berikut ini menjelaskan setiap kontrol.

Pengendalian	Description
Kotak	Wadah yang mengelola kontrol dalam grup. Anda dapat menambahkan kontrol apa pun ke kotak kecuali pemisah, grup, atau tab. Kotak bisa horizontal atau vertikal.
Tombol	Tombol yang memulai tindakan. Anda dapat menambahkan tombol ke grup, grup tombol, daftar tarik-turun, galeri, menu, atau tombol pisah.
Grup Tombol	Grup yang berisi satu atau beberapa tombol, tombol alihkan, menu, tombol pisahkan, dan galeri. Anda dapat menambahkan grup tombol ke grup atau menu.
Kotak Centang	Kotak yang dipilih atau dikosongkan untuk mengaktifkan atau menonaktifkan opsi.
ComboBox	Kotak edit dengan kotak daftar terlampir. Pengguna dapat mengetik atau memilih pilihan mereka. Kotak menampilkan pilihan saat ini. Items Gunakan properti untuk menambahkan dan menghapus item pada waktu proses sebelum atau sesudah pita dimuat ke dalam aplikasi Office.
DropDown	Daftar item yang dapat dipilih pengguna. Pengguna tidak dapat mengetik item baru dalam daftar drop-down. Items Gunakan properti untuk menambahkan item ke daftar. Anda dapat menambahkan dan menghapus item pada waktu proses. Buttons Gunakan properti untuk menambahkan tombol ke daftar. Namun, Anda tidak dapat menambahkan dan menghapus tombol pada waktu proses setelah pita dimuat ke dalam aplikasi Office.
EditBox	Kotak tempat pengguna dapat mengetik teks.
Galeri	Menu yang menyajikan tata letak atau kisi pilihan visual dari mana pengguna dapat memilih. Anda dapat mengontrol tata letak pilihan di menu. ColumnCount Gunakan properti dan RowCount untuk menentukan jumlah baris dan kolom yang akan menampilkan item dan tombol galeri.
Label	Teks yang bisa Anda gunakan untuk mengidentifikasi kontrol pada pita.
Menu	Daftar drop-down yang bisa berisi salah satu kontrol berikut: - Tombol - Kotak centang -Galeri -Menu - Tombol Pisahkan - Tombol Alihkan -Pemisah Untuk menambahkan kontrol ke menu di Perancang Pita, klik panah bawah di menu untuk mengekspos permukaan desain menu. Anda kemudian dapat menyeret kontrol Pita dari Kotak Alat ke menu. Untuk mengatur kontrol, seret kontrol ke posisi yang diinginkan. Untuk menambahkan kontrol ke RibbonMenu setelah pita dimuat ke dalam aplikasi Office, Anda harus mengatur Dynamic properti ke true sebelum pita dimuat. Untuk informasi tentang cara melakukannya, lihat Gambaran umum model objek pita.
Pemisah	Bilah tipis yang digunakan untuk memisahkan item dalam daftar. Saat ditambahkan ke grup, bilah bersifat vertikal. Saat ditambahkan ke menu, bilah menjadi horizontal.
Tombol Pisah	Tombol dengan menu terpasang. Tombol terpisah dapat berisi salah satu kontrol berikut: - Tombol - Kotak centang -Galeri -Menu - Tombol Terpisah - Tombol Alihkan - Pemisah Seperti menu, tombol split memiliki permukaan desainnya sendiri. Namun, tidak seperti menu, Anda hanya dapat memperbarui item dalam tombol split sebelum pita dimuat ke dalam aplikasi Office. Untuk informasi tentang cara memperbarui item dalam tombol pisahkan, lihat Gambaran umum model objek pita.
Tombol Sakelar	Tombol yang terlihat dalam keadaan ditekan atau tidak ditekan.

Menangani event dan mengatur properti

Perancang Pita memungkinkan Anda mengatur properti kontrol pada waktu desain dengan menggunakan jendela Properti . Selain itu, pita mengekspos model objek yang sangat diketik yang bisa Anda gunakan untuk mendapatkan dan mengatur properti kontrol Pita pada waktu proses.

Anda dapat mengeklik dua kali kontrol apa pun pada perancang untuk membuka penanganan aktivitas untuk peristiwa default kontrol. Anda dapat membuat penanganan aktivitas untuk semua peristiwa kontrol lainnya dengan menggunakan jendela Properti .

Peristiwa dan properti Ribbon terletak di namespace Microsoft.Office.Tools.Ribbon. Item Pita (Visual Designer) secara otomatis menambahkan referensi ke assembly ini dalam proyek dan menyisipkan pernyataan using atau Impor yang sesuai di bagian atas file kode Pita.

Untuk informasi tentang menangani peristiwa Pita dan mengatur properti kontrol Pita pada waktu proses, lihat Gambaran umum model objek pita.

Sesuaikan tampilan Backstage

Anda bisa menggunakan Perancang Pita untuk menambahkan kontrol ke menu yang terbuka saat Anda mengklik tab File . Menu ini disebut tampilan Backstage.

Anda tidak dapat memosisikan kontrol sebelum atau sesudah kontrol bawaan dengan menggunakan perancang Pita. Kontrol bawaan adalah kontrol yang sudah muncul di tampilan Backstage. Jika Anda ingin memosisikan kontrol sebelum atau sesudah kontrol bawaan, Anda harus menggunakan XML Pita. Untuk informasi selengkapnya tentang Ribbon (XML), lihat Ribbon XML. Untuk informasi selengkapnya tentang mengkustomisasi tampilan Backstage, lihat Pengenalan tampilan Backstage Office 2010 untuk pengembang dan Menyesuaikan tampilan Backstage Office 2010 untuk pengembang.

Untuk informasi tentang cara menambahkan kontrol ke tampilan Backstage, lihat Cara: Menambahkan kontrol ke tampilan Backstage.

Aksesibilitas dalam Desainer Ribbon

Anda bisa menggunakan pintasan keyboard untuk memindahkan kontrol di Perancang Pita. Beberapa pintasan keyboard berlaku untuk semua kontrol, dan beberapa hanya berlaku untuk kontrol yang memiliki menu.

Pintasan keyboard yang berlaku untuk semua kontrol diperlihatkan dalam tabel berikut.

Tindakan	Pintasan papan ketik
Pindahkan kontrol sebelum kontrol sebelumnya dalam daftar.	Ctrl+Ke atas Ctrl+Kiri
Pindahkan kontrol setelah kontrol berikutnya dalam daftar.	Ctrl+Bawah Ctrl+Right
Pindahkan pilihan dari satu kontrol ke kontrol lain dalam grup yang sama. Untuk panel drop-down, navigasikan antara kontrol induk dan kontrol yang ada di dalam panel drop-down.	Naik Bawah
Iterasi ke depan melalui semua kontrol.	Tab
Melakukan iterasi mundur lewat semua kontrol.	Menggeser+Tab
Hapus kontrol atau sekumpulan kontrol yang dipilih.	Menghapus
Salin kontrol yang dipilih.	Ctrl+C
Potong elemen kontrol yang dipilih.	Ctrl+X
Tempel elemen kontrol dari Papan Klip.	Ctrl+V
Pilih Kotak Alat.	Ctrl+Alt+X
Pilih komponen induk.	Esc

Pintasan keyboard yang hanya berlaku untuk Menu Microsoft Office, RibbonMenu, dan RibbonSplitButton diperlihatkan dalam tabel berikut ini.

Tindakan	Pintasan papan ketik
Pilih kontrol induk jika panel drop-down terbuka dan ada kontrol yang dipilih pada panel drop-down.	Kiri
Tutup panel drop-down jika panel drop-down terbuka dan kontrol induk dipilih.	Kiri
Buka panel drop-down.	Kanan
Pilih kontrol pertama pada panel drop-down jika panel drop-down terbuka.	Kanan
Tutup menu drop-down.	Esc

Saran dan Komentar

Apakah halaman ini membantu?

Last updated on 2025-12-12