WinUI 3 C++ 컨트롤 강의 – InfoBar 메시지 바
인포바(InfoBar)는 색상이 적용된 텍스트 박스 컨트롤입니다. 성공, 경고, 오류 등 메시지 종류에 따라 다른 색상을 보여줄 수 있습니다. 메시지 표시 후 닫을 수 있으며 백엔드 코드에서 표시/숨김 상태를 제어할 수 …
WinUI 3 C++ 컨트롤 강의 – 플로팅 팝업 창 (Popup 알림창)
먼저 Popup 컨트롤을 데모로 보여드리겠습니다 XAML에 버튼을 추가하고 버튼 클릭 시 Popup을 열도록 설정합니다. Popup 요소도 같이 선언하며 기본 상태는 닫혀있고 버튼을 클릭해야 보입니다. 그 다음 버튼 클릭 이벤트 BtnOpenPopup_Click를 …
WinUI 3 C++ 컨트롤 강의 – 내비게이션 및 탭
WinUI3의 내비게이션 및 탭 관련 컨트롤 Frame 페이지 이동용 프레임(Page를 담아 페이지 전환 구현)Page 독립적인 페이지 컨테이너NavigationView 사이드바 내비게이션 뷰NavigationViewItem 내비게이션 메뉴 항목NavigationViewItemHeader 내비게이션 그룹 제목NavigationViewItemSeparator 내비게이션 구분선TabView 다중 탭 …
WinUI 3 C++ 컨트롤 강의 – 레이아웃 관련 컨테이너
Grid 격자 레이아웃(행 + 열 분할)StackPanel 스택 패널(가로/세로 배치)UniformGrid 균일한 너비높이 격자RelativePanel 상대 위치 패널(컨트롤끼리 앵커 연결)Canvas 절대 좌표 드로잉 캔버스DockPanel 도킹 패널(상하좌우 채움 레이아웃)ScrollViewer 스크롤 컨테이너(내용이 넘치면 스크롤 가능)Border …
WinUI 3 C++ 컨트롤 강의 — 날짜 및 색상 선택 컨트롤
날짜 선택 및 색상 선택 컨트롤 ColorPicker 전체 색상 선택기ColorSpectrum 색상 영역 패널ColorSlider 단일 채널 슬라이더(RGB/Alpha) ColorPicker 전체 색상 선택기ColorSpectrum 색상 영역 패널ColorSlider 단일 채널 슬라이더(RGB/Alpha) 먼저 XAML에 컨트롤을 생성하고 …
WinUI 3 C++ 컨트롤 편 – 슬라이더, 진행 막대 컨트롤
진행 막대는 프로젝트 개발에서 자주 사용됩니다. WinUI C++ 에서 여러 종류의 진행 막대 컨트롤을 제공합니다. 컨트롤 원본 이름 설명 Slider 단일 값 슬라이더 RangeSlider 구간 이중 슬라이더(시작/끝 범위 선택) ProgressBar …
WinUI 3 C++ 컨트롤 가이드 – 목록 & 컬렉션 뷰
이번에는 여러 항목을 표시하는 뷰 컨트롤들을 소개하겠습니다. 여러 건의 데이터를 보여주는 세로 목록, 격자/표 레이아웃에 자주 사용됩니다. 컨트롤 설명 ListView 세로 가상화 목록 ListViewItem ListView 목록 항목 GridView 격자 카드 …
WinUI 3 C++ 컨트롤 편 – ListBox Items 동적 추가하기
이제 자주 사용하는 기능을 구현해 보겠습니다. ListBox에 항목을 동적으로 추가하는 기능인데, 버튼을 클릭하면 ListBox의 Items 컬렉션에 새 항목을 삽입하는 방식으로 대부분의 소프트웨어에서 활용됩니다. 먼저 XAML 안에 ListBox와 버튼을 추가합니다 버튼을 …
WinUI 3 C++ 컨트롤 편 – 선택 및 토글 컨트롤
이번 수업에서는 WinUI 3 C++의 선택 및 토글 컨트롤을 배우겠습니다. 컨트롤 원본 이름 한국어 명칭 CheckBox 다중 선택 체크박스 RadioButton 단일 선택 라디오 버튼 (같은 GroupName 내 상호 배타적) ToggleSwitch …
WinUI 3 C++ 컨트롤 편 – 버튼 컨트롤
앞에서 버튼 컨트롤을 사용해본 적이 있습니다. 가장 기본적인 것은 Button이며, 이제 다른 종류의 버튼 컨트롤을 배우겠습니다. 버튼은 프로그램과 상호작용하기 위한 컨트롤로, 클릭하면 해당 로직이 실행됩니다. WinUI3 C++에서 주로 제공하는 버튼 …
WinUI 3 C++ 컨트롤 편 – 기본 텍스트 컨트롤
WinUI 3 C++ 컨트롤 편 – 기본 텍스트 컨트롤 이번 수업에서는 WinUI 3 C++ 컨트롤을 배우기 시작합니다. WinUI C++에는 다양한 내장 컨트롤이 제공되며 먼저 기본 텍스트 표시 및 입력 컨트롤부터 …
그리드(Grid) 레이아웃 학습용 3×3 숫자 키패드 만들기
그리드(Grid) 레이아웃 학습용 3×3 숫자 키패드 만들기 WPF 개발 경험이 있는 분이라면 Grid 컨트롤에 익숙할 텐데, WinUI의 Grid는 WPF와 사용 방식이 거의 동일합니다. 이번 수업에서는 Grid로 숫자 9칸 버튼 화면을 …
왼쪽 탐색 바 메뉴를 클릭하면 각 페이지가 로드됩니다
지난 수업에서 왼쪽 사이드바 표시 기능을 완성했습니다. 사이드바 안에 Frame 컨트롤이 있고 메인 창을 실행하면 기본으로 빈 페이지가 Frame에 로드됩니다. 하지만 지금은 왼쪽 메뉴 항목을 클릭해도 다른 페이지로 넘어가지 않습니다. …
왼쪽 메뉴 및 메인 창 페이지 로딩 설정 완료
실행 후 화면은 아래와 같습니다
버튼 클릭 및 속성 바인딩 구현
지난 수업에서 XAML에 버튼을 추가하고 이벤트를 생성했습니다. 먼저 구현한 기능은 버튼을 클릭하면 버튼 텍스트가 변경되는 로직입니다. 먼저 XAML 파일로 돌아와 버튼에 x:Name=”btnAdd” 이름을 지정합니다. 이렇게 하면 백엔드 C++ 코드에서 해당 …
창 클래스 분석 및 버튼 클릭 이벤트 구현
독자분들은 VS 2022를 17.9.1 이상 버전으로 업그레이드한 후 생성하는 WinUI3 C++ 기본 예시에는 버튼 하나가 포함되어 있으며, 버튼 클릭 시 백그라운드에서 여러 동작을 실행할 수 있습니다. 새 프로젝트를 생성해 보겠습니다. …
첫 WinUI C++ 프로그램 소개
지난 수업에서는 WinUI C++ 설치와 첫 프로젝트 생성을 마치고 프로그램이 정상 실행되는 것을 확인했습니다. 이번 시간에는 방금 만든 첫 WinUI C++ 프로그램의 내부 구조를 분석해 보겠습니다. 아래에서 각 파일과 폴더의 …
WinUI C++ 설치 및 첫 프로젝트 생성
설치 패키지 다운로드 개발 툴로 VS 2022를 사용합니다. 여유가 된다면 최신 버전인 VS 2026을 사용해도 괜찮습니다. 본 가이드에서는 커뮤니티 버전을 사용하므로 아래 링크에서 내려받을 수 있습니다 InstallTools/vs_Community2022.exe at main · …