idcsLogo
idcsLogo2
idcsLogo2
  • Home
  • E-Learning
    • Visual Studio C#
    • C# Dasar
    • Windows Form C#
    • Golang
    • SQL Server
  • Tips and Trick
    • Console
    • Windows Form
  • Submit Artikel
  • Laporkan Masalah

Menggunakan TabControl pada WinForm

Home » Menggunakan TabControl pada WinForm
  • Daftar Materi

    • Apakah itu Windows Form ?
    • Apakah itu Visual Studio ?
    • Tampilan WinForm VS 2019
  • –

    • Apa itu Form ?
    • Apa itu WinForm Control ?
    • Control Properties
    • Membuat Aplikasi WinForm
    • Toolbar WinForm
    • Mnemonic
  • –

    • Docking dan Anchor
    • Container Control
    • Flow Layout
    • GroupBox
    • Panel
    • Split Container
    • TabControl
    • TableLayoutPanel
  • –

    • Apa itu Event ?
    • Apa itu Event Handler ?
    • Event Order
  • –

    • Mengenal GDI+
    • Menggambar Vektor
    • Cardinal Spline
    • Bezier Spline C#
  • –

  • 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…

    Angga Adji Surya
    22
    E-Learning, Windows Form
    Prev PostMenggunakan Split Container pada WinFormJul 19, 2019
    Next PostMenggunakan TableLayoutPanel pada WinformJul 26, 2019
    idcsLogo
    IDCSharp menyediakan materi - materi bahasa pemrograman komputer dan informasi seputar dunia IT untuk kamu. Mari kita belajar membuat aplikasi bersama
    • Implementasi Media Video dan Audio pada HTML5 Part 2
    • Memahami 3 Jenis Api Model pada HTML5
    • Memahami 3 Api Model pada HTML5 Part 2
    • Memahami 3 Api Model pada HTML5 Part 3
    • Memahami 3 Api Model pada HTML5 Part 4
    • Home
    • E-Learning
      • Visual Studio C#
      • C# Dasar
      • Windows Form C#
      • Golang
      • SQL Server
    • Tips and Trick
      • Console
      • Windows Form
    • Submit Artikel
    • Laporkan Masalah
    Copyright © 2021 IDCSharp. All Rights Reserved