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 TableLayoutPanel pada Winform

Home » Menggunakan TableLayoutPanel 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#
  • –

  • Menggunakan TableLayoutPanel pada Winform

    TableLayoutPanel sangat kamu butuhkan apabila ingin membuat suatu interface yang berbentuk tabel. Dengan TableLayoutPanel kamu dapat dengan mudah menata kontrol yang kamu gunakan dengan konsep tabel, yaitu terdapat baris dan kolom.

    Berikut adalah Gambar TableLayoutPanel.

    TableLayoutPanel Windows Form

    Materi kali ini akan membahas mengenai TableLayoutPanel pada Windows Form.

    Menambahkan TableLayoutPanel kedalam Form.

    Seperti halnya kontrol lain, cara menambahkan TableLayoutPanel kedalam form dapat dilakukan dengan berbagai cara di antaranya adalah dengan menggunakan drag n drop dan code C#

    Menggunakan Drag n Drop

    Drag n Drop adalah salah satu cara menambahkan kontrol ke dalam form, yang sangat simple dan mudah, kamu tinggal memindahkan ikon kontrol yang berada dalam toolbox menuju Form.

    Menambahkan TableLayoutPanel kedalam Form

    Menggunakan Code C#

    Kamu juga bisa menambahkan TableLayoutPanel kedalam form dengan mengetiknya secara manual menggunakan bahasa pemrograman C#.

    Untuk menambahkan TableLayoutPanel melalui code, pertama masuk ke bagian form1.Designer.cs ( form1 mengikuti nama form yang kamu buat ).

    Kemudian cari Method InitializeComponent(). setelah itu tambahkan kode berikut di bawah nya. ( dibawah methodnya bukan dibawah code ).

    private System.Windows.Forms.TableLayoutPanel tableLayoutPanel1;

    nb: tableLayoutPanel1 dapat kamu ganti dengan nama lain.

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

    this.tableLayoutPanel1 = new System.Windows.Forms.TableLayoutPanel();

    nb: tableLayoutPanel1 menyesuaikan nama TableLayoutPanel yang kamu buat sebelumnya.

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

    //Column
    this.tableLayoutPanel1.ColumnCount = 2;
    this.tableLayoutPanel1.ColumnStyles.Add(new System.Windows.Forms.ColumnStyle(System.Windows.Forms.SizeType.Percent, 50F));
    this.tableLayoutPanel1.ColumnStyles.Add(new System.Windows.Forms.ColumnStyle(System.Windows.Forms.SizeType.Percent, 50F));
    this.tableLayoutPanel1.Location = new System.Drawing.Point(49, 70);
    this.tableLayoutPanel1.Name = "tableLayoutPanel1";
    //Row
    this.tableLayoutPanel1.RowCount = 2;
    this.tableLayoutPanel1.RowStyles.Add(new System.Windows.Forms.RowStyle(System.Windows.Forms.SizeType.Percent, 50F));
    this.tableLayoutPanel1.RowStyles.Add(new System.Windows.Forms.RowStyle(System.Windows.Forms.SizeType.Percent, 50F));
    this.tableLayoutPanel1.Size = new System.Drawing.Size(200, 100);
    this.tableLayoutPanel1.TabIndex = 0;
    this.Controls.Add(this.tableLayoutPanel1);

    Ketika kamu Membuat TableLayoutPanel, kamu harus mendifinisikan Kolom dan Barisnya.

    Pada contoh di atas diatas TableLayoutPanel berukuran 2 x 2, 2 buah kolom dan 2 baris.

    • tableLayoutPanel1.Location = Mendefinisikan lokasi dari TableLayoutPanel yang dibuat.
    • tableLayoutPanel1.Size = Mendefinisikan ukuran dari TableLayoutPanel.
    • tableLayoutPanel1.TabIndex = Mendefinisikan Tab order dari TableLayoutPanel.

    Apabila kamu telah mengikuti langkah di atas dengan benar, maka TableLayoutPanel selesai dibuat.

    Menambah Control kedalam TableLayoutPanel

    Setelah membuat TableLayoutPanel, langkah selanjutnya adalah menambahkan beberapa kontrol kedalamnya.

    Untuk menambahkan kontrol kedalam TableLayoutPanel, kamu dapat menggunakan cara Drag n Drop dari ToolBox kedalam form.

    Menambahkan kontrol kedalam TableLayoutPanel

    Mungkin cukup sekian penjelasan mengenai TableLayoutPanel 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 PostTab Control Windows Form C#.NETMenggunakan TabControl pada WinFormJul 21, 2019
    Next PostMengenal Event Handler pada Windows FormAgu 29, 2019Event-Handler-winform
    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