c++ 검색 결과
12 개의 검색 결과가 있습니다.
스터디/C++ WinRT

5일차. PhotoLab 샘플 따라 만들기 (1/3)

UWP의 사용자 인터페이스 만들기 자습서를 따라 해보겠습니다. GitHub에 올라온 예제는 C++/WinRT가 아닌 C#으로 된 예제입니다. PhotoLab이라는 프로그램이 어떤 구조이고 어떤 방식으로 동작하는지만 이해하시면 되겠습니다. 먼저 프로젝트 구조를 보겠습니다. Assets 폴더 안에는 Samples 폴더가 있고, 그 안에 이미지가 저장되어 있습니다. UI는 MainPage XAML와 Detail Page XAML로 구성되어 있습니다. MainPage는 위의 메인 화면을 구성하고, DetailPage는 이미지를 클릭했을 때 나오는 페이지입니다. 메인 페이지의 맨 상단에는 페이지의 제목과, 우측의 명령(Command) 모음이 있습니다. 그 아래는 콘텐트가 있으며 사진과 제목, 이미지 포맷, 해상도..

2020. 12. 13. 17:19
스터디/C++ WinRT

4일차. C++/WinRT 프로젝트에 WinUI 적용하기

이번 글에서는 이전 글에서 설명드린 WinUI를 프로젝트에 적용하는 방법을 설명드리겠습니다. 먼저 프로젝트 -> NuGet 패키지 관리로 들어가 줍니다. 그리고 찾아보기에서 Microsoft.UI.Xaml 을 검색하여 설치합니다. 현재 버전은 2.5.0입니다. 설치가 다 끝나셨으면 다음으로는 App.xaml 파일을 엽니다. App.xaml 파일에는 응용 프로그램에 대한 설정이 들어가는데, 이 Application 태그 안에 Application.Resources라는 태그를 추가해 줍시다. 코드는 아래와 같습니다. 아래 코드를 추가하면 WinUI를 본격적으로 사용할 수 있게 됩니다. 다시 빌드를 해주면 pch.h에 Microsoft.UI.Xaml 헤더들이 포함된 것을 확인할 수 있습니다. 이제 MainPa..

2020. 12. 5. 20:46
스터디/C++ WinRT

3일차. WinUI 앱 디자인 기초

UWP는 마이크로소프트의 플루언트 디자인(Fluent Design)과 그 디자인을 구축하는 Windows UI 라이브러리(WinUI)를 사용할 수 있습니다. 그리고 이 플루언트 디자인에서는 탐색(Navigation)/명령(Command)/콘텐트(Content) 이렇게 세 가지 구조를 권장하고 있습니다. 디자인에 대한 내용은 게시글 한두개 정도로 요약하기 어렵고, 자세한 내용들은 계속해서 풀어 나갈 예정이기 때문에 자세한 내용은 마이크로소프트 문서를 참고하세요. 탐색 Navigation 플루언트 디자인에서 좋은 탐색이란 일관성, 단순함, 명료함을 지키는 것입니다. 일관성은 사용자의 기대를 충족시키는 것입니다. 사용자가 친숙한 표준 컨트롤을 사용하고 아이콘과 위치 스타일링에 대한 표준 규칙을 사용하여 사용자..

2020. 12. 5. 11:20
스터디/C++ WinRT

2일차. UWP "Hello, World!" 앱 만들기 (3/3)

테마 선택 먼저 특정 테마색으로 고정하는 방법입니다. 윈도우 10의 테마는 Light와 Dark가 있고 저는 다크 모드를 사용중이기에 지금까지 프로그램의 색은 검정색이었습니다. 여기서 App.xaml에 RequestedTheme 속성을 Light로 주면 응용 프로그램의 테마가 밝은 테마로 변경됩니다. 시스템 스타일 사용 MainPagexaml의 TextBlock에 Style="{ThemeResource BaseTextBlockStyle}" 속성을 추가해주었습니다. 이 BaseTextBlockStyle 스타일은 ResourceDirctionary에 정의되는 리소스 키입니다. 스타일을 지정해준 TextBlock의 글꼴이 더 굵어진 것을 확인할 수 있습니다. 더 자세한 내용은 문서를 참고하세요. (링크) UI..

2020. 12. 1. 22:01
스터디/C++ WinRT

2일차. UWP "Hello, World!" 앱 만들기 (2/3)

프로젝트 수정 이전 게시글에서 대충 분석해 보았으니 이제 다시 예제로 돌아와서 "Hello, World!" 앱을 만들어 보겠습니다. 먼저 MainPage.xaml을 열어서 예제대로 수정해 봅시다. 기존의 StackPanel 태그 내용을 전부 삭제한 후 문서에 있는 XAML로 교체합니다. 지금쯤 되면 슬슬 감이 오실 거라고 생각합니다. StackPanel의 Margin 속성은 말 그대로 컨텐츠의 마진을 설정하는 속성이며 왼쪽 위쪽 오른쪽 아래쪽 순서대로 적용됩니다. TextBlock 태그는 사용자가 수정할 수 없는 텍스트를 생성합니다. 안드로이드에서는 TextView와 유사합니다. TextBox는 수정할 수 있는 텍스트 박스로 안드로이드의 EditText와 유사하죠. Button의 Content라는 속성이..

2020. 12. 1. 18:43
스터디/C++ WinRT

2일차. UWP "Hello, World!" 앱 만들기 (1/3)

새 프로젝트 생성 본격적인 C++/WinRT를 이용한 UWP "Hello, World!" 앱을 만드는 과정입니다. 들어가기 전에 UWP와 XAML에 대한 사전 지식이 있다면 이해하기 더 쉽습니다. (XAML 개요 링크) 먼저 Blank APP (C++/WinRT) 을 눌러 새 프로젝트를 만들어 줍니다. 프로젝트 안에는 App.xaml과 MainPage.xaml, pch, Assets 폴더가 있습니다. 그리고 .xaml 안에는 .h, .cpp, .idl 파일이 존재하네요. XAML은 태그 파일을 수정하여 UI 컴포넌트를 구성하고, 구성한 컴포넌트들을 데이터 소스에 바인딩할 수 있습니다. App.xaml은 응용 프로그램의 진입점을 포함하는 Windows::UI::Xaml::Application 클래스의 앱 ..

2020. 12. 1. 17:21