[C# 실습 예제] 비주얼 스튜디오 2019_동적 레이아웃 구성하기

이 글은 유투브 강의 보고 요약한 것입니다. 강의를 보고 따라 실습하면서 캡쳐한 것이니 생략된 부분이 많을 것입니다. 자세한 내용은 영상을 참고해주세요. 

 

훌륭한 강의 제공해주신 유튜버 DoriDori님께 감사합니다. 

https://youtu.be/pybW6YxZHRQ

디스플레이 다양해지면서 화면 비율을 동적으로 바꾸는 것이 필요해졌다.  목적에 맞게 화면을 가변적으로 움직일 수 있게 만들고, 화면 구성을 어떻게 할 것인가 잘 정해놓으면 나중에 유지보수할 때가 좋다. 

 

종류
1 단일
2 Split
3 왼쪽 상단 중간
4 상단 중간
5 복잡

오늘은 컨트롤을 만들고 버튼이랑 메인화면을 분리시키는 작업을 할 것이다. 

 

■ 단일

 

컨트롤 추가하기 위해 솔루션 탐색기에서 프로젝트 버튼 위에서 오른쪽 마우스->추가->새 항목

사용자 정의 컨트롤 선택, 이름은 ucPanel.cs로

이렇게 등장

 

label를 얹으려고 하는데 도구 상자 없어서 검색

도구 상자에서 레이블 찾아서 드래그앤드롭

레이블에 대한 속성을 지정해줄 것이다. Dock은 가운데로 해서 fill시키기

 

TextAlign도 MiddleCenter해서 항상 가운데로 고정

Text에 내용 입력하기 lblPanel이라고

 

ucPanel 에 다음 코드 작성하기, 유저컨트롤 사이즈 바뀔 때마다 텍스트로 보여줄 내용도 달라질 거임. Panel에 대한 이벤트가 들어가려면 속성 창이나 레이아웃 창에 들어가면 된다. 속성 창의 경우 번개모양에서 sizeChanged를 찾아 오른쪽 빈칸을 더블클릭하면 자동 생성 된다.  

ucPanel를 복사해서 Form1클릭하고 복사, 자동으로 들어감. 백그라운드 색 변경해주고 실행시키면 다음과 같이 뜸

 

 

■ Split 사용하기

 

■ TableLayout 사용하기

도구상자에서 tableLayoutPanel를 쓰자.