Jenis Border Style pada Windows Form dan Cara Merubahnya

Jenis Border Style pada Windows Form dan Cara Merubahnya
Photo by Tadas Sar / Unsplash

Ketika membuat aplikasi Windows Forms (WinForms), kita sering kali perlu menyesuaikan tampilan jendela aplikasi, termasuk border style (gaya bingkai) dari form tersebut. WinForms menyediakan beberapa jenis border style yang bisa digunakan untuk memberikan tampilan yang sesuai dengan kebutuhan aplikasi.

Di artikel ini, kita akan membahas jenis-jenis border style pada Windows Form dan cara mengubahnya menggunakan C#!

1. Jenis Border Style dalam Windows Forms

Border style pada Windows Form dikontrol menggunakan properti FormBorderStyle, yang memiliki beberapa pilihan berikut:

Jenis BorderStyle Deskripsi
None Menghilangkan semua border, cocok untuk tampilan fullscreen atau custom UI.
FixedSingle Border dengan ukuran tetap dan tipis. Pengguna tidak bisa mengubah ukuran form.
Fixed3D Border dengan efek 3D untuk tampilan lebih klasik. Ukurannya tetap.
FixedDialog Border tetap tanpa tombol maximize dan minimize, cocok untuk dialog.
Sizable Border yang bisa diubah ukurannya dengan drag. Default di Windows Forms.
SizableToolWindow Mirip dengan Sizable, tetapi dengan ukuran judul lebih kecil.
FixedToolWindow Mirip dengan FixedSingle, tetapi dengan judul lebih kecil.

Setiap jenis border memiliki kegunaannya masing-masing, tergantung dari kebutuhan aplikasi yang sedang dibuat.

2. Cara Mengubah Border Style di Windows Forms

Kita bisa mengubah border style form dengan mengatur properti FormBorderStyle baik melalui Visual Studio Designer atau dengan kode C# secara langsung.

📌 A. Mengubah Border Style di Visual Studio Designer

  1. Buka Visual Studio dan buat proyek Windows Forms App (.NET Framework).
  2. Klik pada Form (Form1.cs) untuk membuka desain tampilan.
  3. Buka Properties (Ctrl + W, P).
  4. Cari properti FormBorderStyle.
  5. Pilih salah satu opsi, misalnya FixedSingle atau None.
  6. Jalankan aplikasi untuk melihat perubahannya.

📌 B. Mengubah Border Style dengan Kode C#

Kita juga bisa mengubah border style dengan kode program, baik di constructor atau di event tertentu seperti Load.

1️⃣ Contoh Mengubah Border Style Menjadi None (Tanpa Border)

using System;
using System.Windows.Forms;

public class MainForm : Form {
    public MainForm() {
        this.Text = "Form Tanpa Border";
        this.FormBorderStyle = FormBorderStyle.None; // Menghilangkan border
    }

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

🛠️ Output: Form akan muncul tanpa bingkai, cocok untuk aplikasi fullscreen atau custom UI.

2️⃣ Contoh Mengubah Border Style Menjadi FixedSingle

this.FormBorderStyle = FormBorderStyle.FixedSingle;

🛠️ Hasil: Form akan memiliki bingkai tipis dan pengguna tidak bisa mengubah ukurannya.

3️⃣ Contoh Mengubah Border Style Menjadi Sizable

this.FormBorderStyle = FormBorderStyle.Sizable;

🛠️ Hasil: Form bisa diubah ukurannya dengan drag oleh pengguna.

4️⃣ Contoh Mengubah Border Style ke Dialog Mode (FixedDialog)

this.FormBorderStyle = FormBorderStyle.FixedDialog;

🛠️ Hasil: Form akan terlihat seperti kotak dialog tanpa tombol maximize dan minimize.

3. Mengunci atau Membatasi Resize pada Form

Jika kita menggunakan FormBorderStyle.Sizable tetapi ingin membatasi ukuran minimal dan maksimalnya, kita bisa menggunakan properti berikut:

this.MinimumSize = new System.Drawing.Size(500, 400); // Ukuran minimal
this.MaximumSize = new System.Drawing.Size(800, 600); // Ukuran maksimal

Dengan kode ini, pengguna tidak bisa memperkecil ukuran form kurang dari 500x400 atau memperbesar lebih dari 800x600.

4. Kapan Harus Menggunakan Border Style yang Berbeda?

Gunakan None jika:

  • Membuat tampilan fullscreen custom (misalnya dashboard atau game).
  • Ingin form dengan desain UI custom tanpa frame bawaan Windows.

Gunakan FixedSingle atau FixedDialog jika:

  • Membuat jendela yang tidak boleh di-resize, misalnya popup atau pesan konfirmasi.

Gunakan Sizable jika:

  • Membuat aplikasi yang membutuhkan resizable window, seperti editor teks atau aplikasi desain.

Gunakan FixedToolWindow jika:

  • Membuat tool window seperti panel pengaturan atau sidebar dalam aplikasi utama.

5. Kesimpulan

  • Windows Forms menyediakan beberapa jenis border style yang bisa digunakan untuk berbagai kebutuhan.
  • Border style bisa diubah melalui Visual Studio Designer atau dengan kode C#.
  • Gunakan jenis border yang sesuai dengan jenis aplikasi yang sedang dibuat.
  • Jika menggunakan Sizable, pastikan untuk membatasi ukuran minimal dan maksimal jika diperlukan.

Dengan memahami jenis border style dan cara mengubahnya di Windows Forms, kamu bisa mengontrol tampilan aplikasi agar lebih sesuai dengan kebutuhan pengguna!

Read more