[c# 윈폼] 윈폼 TableLayoutPanel 행 숨기는 방법

안녕하세요.

 

오늘은 C# 윈폼에서 기본적으로 제공해주는 Layout중 하나인 TableLayoutPanel에 대해서 알아 보려고 합니다.

 

그 중에서도, 오늘은 TableLayoutPanel의 행을 숨겼다가 다시 보여주게끔 하는 기능에 대해서 어떻게 구현하는지 알려드리려고 합니다.

 

이 기능은 TableLayoutPanel에 배치된 컨트롤들을 보여주고, 숨겨줄 때 매우 유용하게 사용할 수 있는 기능으로써 알아두면 향후에 언제가는 쓸모 있는 기술일 것입니다~~

 

그럼 바로 어떻게 TableLayoutPanel의 행을 숨기고 다시 보여주는지 예제를 통해서 보여드리도록 하겠습니다.

 

먼저, 아래와 같이 빈폼에 TableLayoutPanel을 배치해 주시고, 총 3개의 행을 만들어 주셔서 아래와 같이 버튼을 각각 배치해 주시기 바랍니다.

 

빈 폼 프로젝트 생성 및 컨트롤 배치

이렇게 배치를 하셨다면 소스코드에 아래와 같이 프로그램 코드를 작성해 주시기 바랍니다.

예제 코드

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47

using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.Threading.Tasks; using System.Windows.Forms;   namespace tableLayoutPanelTest {     public partial class Form1 : Form     {         public Form1()         {             InitializeComponent();               this.uiBtn_Hide.Click += uiBtn_Hide_Click;         }           /// <summary>         /// ShowHide 버튼 이벤트 클릭 핸들러         /// </summary>         /// <param name="sender"></param>         /// <param name="e"></param>         public void uiBtn_Hide_Click(object sender, EventArgs e)         {             Button btn = this.uiBtn_Hide;               if (btn.Text == "Show Condition")             {                 tableLayoutPanel1.RowStyles[1].Height = 100;  //= uiTpl_Main_Height;                 btn.Text = "Hide Condition";                 btn.ForeColor = Color.Red;             }             else             {                 //uiTpl_Main_Height = uiTlp_Main.RowStyles[1].Height;                 tableLayoutPanel1.RowStyles[1].Height = 0;                 btn.Text = "Show Condition";                 btn.ForeColor = Color.Blue;             }         }     } }   Colored by Color Scripter

cs

 

실행 결과

저는 현재 예제 코드로 두번째 행에 배치되어 있는 button1을 “Show Contition” 버튼을 클릭 했을 때 보여주었다가, 다시 사라지고 또 버튼을 클릭할 시 보여주게 끔 소스코드를 작성하였습니다.

 

위와 같이 두번째 행에 배치되어있는 button1이 보여줬다가 사라지고 다시 보여지는 실행 결과를 확인하실 수 있습니다.

 

여기서 핵심인 부분은 RowStyle.Height를 이용하여 높이 조절을 할 수 있는 부분입니다.

 

예제코드에서는 간단하게 구현한 부분이 있지만, RowStyle.Height를 잘 조절해주면 좀 더 다양하게 TableLayoutPaenl을 숨길 수 있을 거라 생각합니다!

 

글 읽어 주셔서 감사합니다~~