Sign in Subscribe
C#

Cara Membuat Toolbar pada WinForms C#

Angga Pixa

Angga Pixa

— 3 min read
Cara Membuat Toolbar pada WinForms C#
Photo by Windows / Unsplash

Toolbar adalah salah satu elemen UI yang umum digunakan dalam aplikasi desktop untuk menyediakan akses cepat ke berbagai fitur atau perintah. Dalam Windows Forms (WinForms) C#, kita bisa menambahkan toolbar menggunakan ToolStrip.

ToolStrip adalah kontrol bawaan di WinForms yang memungkinkan kita membuat toolbar berisi tombol, ikon, menu dropdown, textbox, dan banyak lagi.

Di artikel ini, kita akan membahas cara membuat toolbar di WinForms, bagaimana menambahkan tombol ke dalamnya, dan bagaimana menangani event ketika tombol toolbar diklik!

1. Kenapa Harus Menggunakan Toolbar?

Toolbar berguna untuk memberikan akses cepat ke berbagai fitur dalam aplikasi. Beberapa keuntungan menggunakan toolbar antara lain:

✅ Memudahkan akses fitur utama – Seperti Save, Open, Print, Undo, Redo, dll.
✅ Meningkatkan efisiensi kerja – Tidak perlu navigasi menu yang dalam.
✅ Membuat UI lebih profesional – Standar di banyak aplikasi desktop.
✅ Dapat dikustomisasi sesuai kebutuhan – Bisa berisi tombol, dropdown, textbox, dll.

2. Cara Membuat Toolbar di WinForms

Ada dua cara untuk menambahkan toolbar ke WinForms: menggunakan Visual Studio Designer (drag & drop) atau dengan kode C# secara manual.

📌 Cara 1: Menggunakan Visual Studio Designer

  1. Buka Visual Studio dan buat proyek Windows Forms App.
  2. Di Toolbox, cari ToolStrip.
  3. Seret ToolStrip ke dalam Form.
  4. Klik kanan ToolStrip, pilih Insert Standard Items (opsional) untuk menambahkan tombol bawaan seperti Open, Save, Cut, dll.
  5. Klik dua kali tombol pada ToolStrip untuk menambahkan event handler ketika tombol ditekan.
  6. Jalankan program, dan toolbar siap digunakan!

📌 Cara 2: Menambahkan Toolbar dengan Kode C#

Jika ingin lebih fleksibel, kita bisa menambahkan ToolStrip secara manual lewat kode.

using System;
using System.Windows.Forms;

public class MainForm : Form {
    public MainForm() {
        // Membuat ToolStrip
        ToolStrip toolbar = new ToolStrip();

        // Membuat tombol toolbar
        ToolStripButton btnOpen = new ToolStripButton("Buka");
        ToolStripButton btnSave = new ToolStripButton("Simpan");
        ToolStripButton btnExit = new ToolStripButton("Keluar");

        // Menambahkan event handler saat tombol diklik
        btnOpen.Click += (s, e) => MessageBox.Show("Buka file!");
        btnSave.Click += (s, e) => MessageBox.Show("Simpan file!");
        btnExit.Click += (s, e) => Application.Exit();

        // Menambahkan tombol ke toolbar
        toolbar.Items.Add(btnOpen);
        toolbar.Items.Add(btnSave);
        toolbar.Items.Add(new ToolStripSeparator()); // Garis pemisah
        toolbar.Items.Add(btnExit);

        // Menambahkan toolbar ke Form
        Controls.Add(toolbar);
    }

    public static void Main() {
        Application.Run(new MainForm());
    }
}

Penjelasan Kode:

✅ Membuat ToolStrip → Digunakan sebagai toolbar.
✅ Menambahkan tombol toolbar (ToolStripButton) → Untuk fitur Buka, Simpan, dan Keluar.
✅ Menambahkan event handler → Saat tombol ditekan, akan menampilkan pesan atau menutup aplikasi.
✅ Menambahkan ToolStripSeparator → Untuk memberikan pemisah antara tombol toolbar.

Saat program dijalankan, akan muncul toolbar dengan tombol Buka, Simpan, dan Keluar di bagian atas form.

3. Menambahkan Ikon ke Toolbar

Agar lebih profesional, kita bisa menambahkan ikon pada tombol toolbar.

btnOpen.Image = Image.FromFile("open.png");
btnSave.Image = Image.FromFile("save.png");
btnExit.Image = Image.FromFile("exit.png");

Pastikan file gambar (open.png, save.png, exit.png) ada di direktori proyek agar ikon dapat ditampilkan dengan benar.

4. Menggunakan DropDown Button pada Toolbar

Kadang kita ingin menambahkan menu dropdown pada toolbar, misalnya tombol "File" yang memiliki sub-menu "New", "Open", dan "Exit".

ToolStripDropDownButton dropDownFile = new ToolStripDropDownButton("File");
dropDownFile.DropDownItems.Add("New", null, (s, e) => MessageBox.Show("Buat file baru"));
dropDownFile.DropDownItems.Add("Open", null, (s, e) => MessageBox.Show("Buka file"));
dropDownFile.DropDownItems.Add("Exit", null, (s, e) => Application.Exit());

// Menambahkan dropdown ke toolbar
toolbar.Items.Add(dropDownFile);

Dengan kode ini, tombol File di toolbar akan memiliki menu dropdown berisi New, Open, dan Exit.

5. Kapan Harus Menggunakan Toolbar?

✅ Gunakan Toolbar jika:

  • Aplikasi memiliki fitur utama yang sering diakses.
  • Ingin meningkatkan efisiensi dengan akses cepat ke fungsi tertentu.
  • Membuat UI lebih rapi dan profesional.

❌ Jangan gunakan Toolbar jika:

  • Aplikasi memiliki UI minimalis tanpa banyak fitur.
  • Fitur bisa diakses dengan cara lain (misalnya, menu biasa atau shortcut keyboard).

6. Kesimpulan

  • Toolbar adalah komponen UI penting dalam aplikasi Windows Forms yang memberikan akses cepat ke fitur utama.
  • Dapat dibuat dengan ToolStrip, baik menggunakan Visual Studio Designer atau kode manual.
  • Mendukung ikon, tombol, menu dropdown, dan separator untuk tampilan yang lebih profesional.
  • Dapat meningkatkan efisiensi dan kemudahan penggunaan aplikasi.

Dengan memahami cara membuat toolbar di WinForms, kamu bisa membuat aplikasi yang lebih profesional, rapi, dan mudah digunakan!

Read more