IDCSharp

Menggunakan TabControl pada WinForm

by · Published · Updated

Tab Control Windows Form C#.NET
Tab Control Windows Form C#.NET

Tab Control merupakan salah satu Container control yang berbentuk Tab, sepertihalnya Tab pada Web Browser.

TabControl memungkinkan kamu membuat beberapa tampilan hanya menggunakan sebuah form.

Tab Control WinForm

Materi kali ini akan menjelaskan mengenai TabControl pada windows form.

Menambahkan TabControl pada Form Windows Form.

Kamu dapat menambahkan TabControl kedalam Form dengan berbagai cara, diantaranya adalah Drag n Drop dan Code C#.

Drag n Drop merupakan cara yang paling mudah dan simple untuk menambahkan control kedalam form, kamu tinggal memindahkan ikon TabControl pada ToolBox menuju Form.

Sedangkan apabila kamu menggunakan Code C#, kamu secara langsung mengetikan kode program C# untuk menambahkan TabControl kedalam form.

Menggunakan Drag n Drop

Kita akan mencoba menggunakan cara pertama yaitu drag n drop, perhatikan gambar di bawah ini :

Menambahkan TabControll kedalam form

Drag n Drop merupakan cara termudah untuk menambahkan Control kedalam Form.

Menggunakan Code C#

Cara kedua adalah melalui Kode pemrograman C#, jika menggunakan cara ini, kamu harus mengetikan secara langsung beberapa kode pemrograman yang digunakan untuk menambahkan control kedalam form.

Pertama, masuk kedalam form1.Designer.cs pada bagian InitializeComponent(). ( form1 merupakan nama form yang kamu buat ) .

Setelah itu tambahkan kode berikut di bawah method InitializeComponent().

private System.Windows.Forms.TabControl tabControl1;
private System.Windows.Forms.TabPage tabPage1;
private System.Windows.Forms.TabPage tabPage2;

catatan : Kamu dapat menambahkan Tab dengan menambhakan kodeprivate System.Windows.Forms.TabPage tabPage1; ( tabPage 1 merupakan nama Tab yang kamu buat, kamu dapat menamainya dengan bebas. ).

Setelah itu tambahkan kode berikut di Kedalam Method InitializeComponent(): tepatnya di atas kode this.SuspendLayout();

this.tabControl1 = new System.Windows.Forms.TabControl();
this.tabPage1 = new System.Windows.Forms.TabPage();
this.tabPage2 = new System.Windows.Forms.TabPage();
this.tabControl1.SuspendLayout();

Kemudian tambahkan kode berikut dibawah this.SuspendLayout(); :

this.tabControl1.Controls.Add(this.tabPage1);
this.tabControl1.Controls.Add(this.tabPage2);
this.tabControl1.Location = new System.Drawing.Point(12, 12);
this.tabControl1.Name = "tabControl1";
this.tabControl1.SelectedIndex = 0;
this.tabControl1.Size = new System.Drawing.Size(272, 218);
this.tabControl1.TabIndex = 0;
// 
// tabPage1
// 
this.tabPage1.Location = new System.Drawing.Point(4, 22);
this.tabPage1.Name = "tabPage1";
this.tabPage1.Padding = new System.Windows.Forms.Padding(3);
this.tabPage1.Size = new System.Drawing.Size(192, 74);
this.tabPage1.TabIndex = 0;
this.tabPage1.Text = "tabPage1";
this.tabPage1.UseVisualStyleBackColor = true;
// 
// tabPage2
// 
this.tabPage2.Location = new System.Drawing.Point(4, 22);
this.tabPage2.Name = "tabPage2";
this.tabPage2.Padding = new System.Windows.Forms.Padding(3);
this.tabPage2.Size = new System.Drawing.Size(264, 192);
this.tabPage2.TabIndex = 1;
this.tabPage2.Text = "tabPage2";
this.tabPage2.UseVisualStyleBackColor = true;
//
//form
//
this.Controls.Add(this.tabControl1);
this.tabControl1.ResumeLayout(false);

Catatan :

Kamu dapat menambahkan banyak tab sekaligus, akan tetapi kamu harus mendefinisikan tab yang kamu buat satu persatu.

Pada Contoh kode di atas, kami membuat dua buah tab pada tabcontrol, dan mendefinisikan masing – masing tab.

  • Location : lokasi dari Tab yang akan dibuat ( menggunakan koordinat x dan y ).
  • Name : nama dari Tab yang dibuat.
  • Size : Ukuran Panjang dan lebar Tab.
  • Tabindex :menunjukan Tab Order dari Tab.
  • Text: Teks Judul pada Tab
  • Padding : Ukuran Padding Tab.
  • Add(….) : Menambahkan GroupBox kedalam form saat ini.

Menambahkan Control kedalam TabControl

Untuk menambahkan beberapa kontrol kedalam TabControl sangat mudah, kamu dapat menggunakan teknik drag n drop dari ToolBox menuju salah satu Tab pada TabControl.

Menambahkan Control lain kedalam TabControl

Kamu juga dapat menambahkan Control bertipe Container kedalam TabControl agar tampilan yang kamu buat menjadi lebih rapi dan menarik.

Mungkin cukup sekian penjelasan mengenai TabControl pada Windows Form, apabila dirasa kurang dalam materi ini, tuliskan di kolom komentar, kemudian kami akan segera menambahkannya.

Terimakasih salam coders…

Tags:

You may also like...