본문 바로가기
반응형

wpf/wpf layout 및 문법12

[wpf] 화면 이동하기 -2- Window 사용법, 예제(사용자 입력 받기) 화면 이동하기는 총 네개의 게시글로 구성되어 있습니다. 1. Page 2. Window 3. TabControl 4. UserControl 이번 게시글에서는 Window를 사용하여 화면을 이동해보겠습니다. Window는 화면을 이동하는게 아니라 화면을 새로 띄워주는 개념입니다. 사용자의 입력을 받을때 활용되는 경우가 많습니다. 시작하겠습니다. 파일은 MainWindow, InputWindow로 구성됩니다. 1. MainWindow.xaml 화면을 좌우로 분할해 왼쪽에는 textblock을 오른쪽에는 버튼을 만들어주었습니다. 2. MainWindow.cs namespace WindowTest { /// /// MainWindow.xaml에 대한 상호 작용 논리 /// public partial class .. 2020. 9. 18.
[wpf] 화면 이동하기 -1- Page 사용법, 예제 화면 이동하기는 총 네개의 게시글로 구성되어 있습니다. 1. Page 2. Window 3. TabControl 4. UserControl 이번게시글에서는 Page를 이용해 화면 이동을 해보겠습니다. Page는 화면전체를 이동할떄 주로 사용합니다. 이번 게시글은 총 네개의 파일로 구성됩니다. MainWindow, MenuPage, MyPage1, MyPage2 MenuPage를 제외한 나머지파일에서는 cs파일에 아무것도 적지 않아도 됩니다. 1. MainWindow.xaml 태그의 Source에 URI를 직접 넣어줍니다. Mainwindow에서 화면이 시작되면 MenuPage의 화면을 띄워줄 것입니다. 2. MenuPage.xaml 화면을 위아래로 쪼개고 버튼을 넣어주었습니다. 그리드 안에 들어가는 요소.. 2020. 9. 18.
[wpf] 화면 이동하기 -4- UserControl 사용법, 예제 화면 이동하기는 총 네개의 게시글로 구성되어 있습니다. 1. Page 2. Window 3. TabControl 4. UserControl 이번 게시글에서는 UserControl을 사용해보겠습니다. Window, Page와는 다르게 UserControl은 화면의 일부분을 채울때 사용 됩니다. 흔히 말하는 웹 프론트엔드의 컴포넌트도 같은 의미로 UserControl을 잘 사용하면 재사용성이 높아져 코드중복이 줄어듭니다. 간단한 예제 입니다. 1. MainWindow.xaml 버튼 메인윈도우에서는 grid를 위아래로 사등분했고 세번째 그리드까지 내부에 MyUC태그를 넣어주었습니다. 각각의 보더를 주었고 마진을 주어 간격을 살짝 벌렸습니다. 마지막 그리드에는 버튼을 하나 넣어주었습니다. UserControl을.. 2020. 9. 18.
반응형