자습서: XAML 및 C를 사용하여 Visual Studio에서 첫 번째 유니버설 Windows 플랫폼 애플리케이션 만들기#

필수 구성 요소

필요 항목:

• 비주얼 스튜디오. 무료 버전을 보려면 Visual Studio 다운로드 페이지를 방문하세요.

• UWP 앱을 개발하는 데 필요한 워크로드 및 구성 요소입니다. Visual Studio에서 워크로드를 확인하거나 설치하려면 도구>및 기능 가져오기를 선택하거나 새 프로젝트 만들기 창에서 추가 도구 및 기능 설치 링크를 선택합니다. 자세한 내용은 워크로드 또는 개별 구성 요소 변경을 참조하세요.

  Visual Studio 설치 관리자의 워크로드 탭에서 다음 워크로드 및 구성 요소를 선택합니다.

  • Visual Studio 2022 버전 17.10 이상
  • Visual Studio 2022 버전 17.1 - 17.9

  • UWP를 사용한 앱 개발의 경우 WinUI 애플리케이션 개발 워크로드를 선택합니다. 그런 다음 설치 세부 정보 창의 WinUI 애플리케이션 개발 노드에서 필요한 UWP 옵션을 선택합니다(필요한 추가 구성 요소도 선택됨).

  • C#의 경우 유니버설 Windows 플랫폼 도구 및 Windows 11 SDK(10.0.26100.0)를 선택합니다.

  • 이 자습서에는 UWP 빈 앱 프로젝트 템플릿이 필요합니다.

  메모

  Visual Studio 17.10 - 17.12에서 이 워크로드는 Windows 애플리케이션 개발이라고 합니다.

1. Visual Studio를 열고 시작 창에서 새 프로젝트 만들기를 선택합니다.

2. 새 프로젝트 만들기 화면에서 검색 상자에 유니버설 Windows를 입력하고, Visual Studio 2022 17.10 이상에서 빈 앱(유니버설 Windows) 또는 UWP 빈 앱에 대한 C# 템플릿을 선택한 다음, 다음을 선택합니다.

   

3. 프로젝트 이름을 HelloWorld로 지정하고 만들기를 선택합니다.

   

4. 새 유니버설 Windows 플랫폼 프로젝트 대화 상자에서 기본 대상 버전 및 최소 버전 설정을 적용합니다.

   

   메모

   Visual Studio를 사용하여 UWP 앱을 처음 만든 경우 Windows용 개발자 모드 사용 대화 상자가 나타납니다. 개발자가 설정을 열 수 있도록 설정을 선택합니다. 개발자 모드를 켜고 예를 선택합니다.

   

   Visual Studio에서 추가 개발자 모드 패키지를 설치합니다. 패키지 설치가 완료되면 설정 대화 상자를 닫습니다.

1. 솔루션 탐색기에서 두 번 클릭하여 MainPage.xaml 분할 보기를 엽니다.

   

   디자인 캔버스를 포함하는 XAML 디자이너와 코드를 추가하거나 변경할 수 있는 XAML 편집기라는 두 개의 창이 있습니다.

   

2. 도구 상자를 선택하여 도구 상자 플라이아웃 창을 엽니다.

   

   도구 상자 옵션이 표시되지 않으면 메뉴 모음에서 열 수 있습니다. 이렇게 하려면 [보기>도구 모음]을 선택합니다. 또는 Ctrl++를 누릅니다.

3. 고정 아이콘을 선택하여 도구 상자 창을 고정합니다.

   

4. 단추 컨트롤을 선택한 다음 디자인 캔버스로 끕니다.

   

   XAML 편집기에서 코드를 보면 단추도 표시됩니다.

   

1. XAML 편집기에서 값을 Button Content에서 Hello World로 변경 합니다.

   

2. XAML 디자이너의 단추도 변경됩니다.

   

1. 디자인 캔버스에서 단추 컨트롤을 두 번 클릭합니다.

2. 코드 숨김 페이지인 MainPage.xaml.cs 이벤트 처리기 코드를 편집합니다.

   흥미로운 점이 있습니다. 기본 이벤트 처리기는 다음과 같습니다.

   

   다음과 같이 변경합니다.

   

   복사하여 붙여넣을 코드는 다음과 같습니다.

   private async void Button_Click(object sender, RoutedEventArgs e)
   {
      MediaElement mediaElement = new MediaElement();
      var synth = new Windows.Media.SpeechSynthesis.SpeechSynthesizer();
      Windows.Media.SpeechSynthesis.SpeechSynthesisStream stream = await synth.SynthesizeTextToStreamAsync("Hello, World!");
      mediaElement.SetSource(stream, stream.ContentType);
      mediaElement.Play();
   }
   

"Hello World" UWP 앱을 빌드, 배포 및 시작하여 모양과 소리를 확인해야 합니다. 방법은 다음과 같습니다.

1. 로컬 컴퓨터에서 애플리케이션을 시작하려면 재생 단추(로컬 컴퓨터 텍스트 포함)를 사용합니다.

   

   또는 메뉴 모음에서 디버그>시작 디버깅을 선택하거나 F5 키를 눌러 앱을 시작할 수 있습니다.

2. 시작 화면이 사라진 직후에 귀하의 앱이 표시됩니다. 앱은 다음 이미지와 유사하게 표시됩니다.

   

3. Hello World 단추를 선택합니다.

   Windows 10 이상 장치는 문자 그대로 "Hello, World!"라고 말합니다.

4. 앱을 닫려면 도구 모음에서 디버깅 중지 단추를 선택합니다. 또는 메뉴 모음에서 디버그>중지 디버깅을 선택하거나 Shift+F5 키를 누릅니다.