Perancang Pita
Perancang Pita adalah kanvas desain visual. Gunakan Perancang Pita untuk menambahkan tab, grup, dan kontrol kustom ke pita Microsoft aplikasi Office lication.
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; Proyek; Visio; Kata. Untuk informasi selengkapnya, lihat Fitur yang tersedia berdasarkan aplikasi Office likasi 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:
Catatan
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 Gambaran umum pita.
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 Pita. File ini memiliki nama yang Anda tentukan untuk item Pita (Visual Designer) dalam kotak dialog Tambahkan Item Baru. Tambahkan kode untuk menangani peristiwa Pita ke file ini.
File kode Desainer Pita. 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:
-
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 selengkapnya, 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 Microsoft aplikasi Office lication. 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 ke grup
Tambahkan satu atau beberapa kontrol ke grup. Tabel berikut ini menjelaskan setiap kontrol.
| Menguasai | Deskripsi |
|---|---|
| Kotak | Kontainer yang mengatur 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 drop-down, galeri, menu, atau tombol terpisah. |
| 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. |
| KotakCentang | 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 likasi. |
| 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 likasi. |
| EditBox | Kotak tempat pengguna dapat mengetik teks. |
| Galeri | Menu yang menyajikan array atau kisi pilihan visual tempat 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 likasi, 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 adalah horizontal. |
| SplitButton | Tombol dengan menu terpasang. Tombol terpisah dapat berisi salah satu kontrol berikut: -Tombol - Kotak centang -Galeri -Menu - Tombol Pisahkan - Tombol Alihkan -Pemisah Seperti menu, tombol split memiliki permukaan desainnya sendiri. Namun, tidak seperti menu, Anda hanya dapat memperbarui item dalam tombol terpisah sebelum pita dimuat ke dalam aplikasi Office likasi. Untuk informasi tentang cara memperbarui item dalam tombol pisahkan, lihat Gambaran umum model objek pita. |
| ToggleButton | Tombol yang muncul ditekan atau tidak ditekan. |
Menangani peristiwa 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 pita dan properti terletak di Microsoft.Office.Tools.Ribbon namespace layanan. Item Pita (Visual Designer) secara otomatis menambahkan referensi ke rakitan ini dalam proyek dan menyisipkan pernyataan penggunaan 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.
Menyesuaikan 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 Pita (XML), lihat XML Pita. Untuk informasi selengkapnya tentang mengkustomisasi tampilan Backstage, lihat Pengenalan tampilan Backstage Office 2010 untuk pengembang dan Menyesuaikan tampilan Backstage Office 2010 untuk pengembang.
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; Proyek; Visio; Kata. Untuk informasi selengkapnya, lihat Fitur yang tersedia berdasarkan aplikasi Office likasi dan jenis proyek.
Untuk informasi tentang cara menambahkan kontrol ke tampilan Backstage, lihat Cara: Menambahkan kontrol ke tampilan Backstage.
Aksesibilitas di Perancang Pita
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.
| Perbuatan | Pintasan papan ketik |
|---|---|
| Pindahkan kontrol sebelum kontrol sebelumnya dalam daftar. | Ctrl+Ke Atas Ctrl+Kiri |
| Pindahkan kontrol setelah kontrol berikutnya dalam daftar. | Ctrl+Ke Bawah Ctrl+Kanan |
| Pindahkan pilihan dari satu kontrol ke kontrol lain dalam grup yang sama. Untuk panel drop-down, pindahkan antara kontrol induk dan kontrol di panel drop-down. | Naik Turun |
| Iterasi ke depan melalui semua kontrol. | Tab |
| Iterasi ke balik melalui semua kontrol. | Shift+Tab |
| Hapus kontrol atau set kontrol yang dipilih. | Hapus |
| Salin kontrol terpilih. | Ctrl+C |
| Potong kontrol terpilih. | Ctrl+X |
| Tempel kontrol dari Clipboard. | 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.
| Perbuatan | Pintasan papan ketik |
|---|---|
| Pilih kontrol induk jika panel drop-down terbuka dan ada kontrol yang dipilih pada panel drop-down. | Left |
| Tutup panel drop-down jika panel drop-down terbuka dan kontrol induk dipilih. | Left |
| Buka panel drop-down. | Kanan |
| Pilih kontrol pertama pada panel drop-down jika panel drop-down terbuka. | Kanan |
| Tutup panel drop-down. | Esc |