UWP 앱 화면 크기 해상도 변경 초기화 하는 방법

UWP 가 최초 실행될 때 화면이 크기는 크다. 조금 작게 줄여줄 필요가 있는데 SetPreferredMinSize() 메서드를 사용하여 실행되는 앱의 크기를 줄여줄 수 있다. 파라미터 인자값으로 Size 객체가 필요하다. C# 이 최초 실행되는 InitializeComponent() 메서드 아래에 함수로 코드를 작성하여 호출하도록 한다면 편할 것이다.

UWP 앱 화면 크기 해상도 변경 초기화 하는 방법

오랜만에 다시 UWP 를 하려니 거부감이 있다. 하루에 하나씩 코딩 하기로 했지만 귀찮음은 어쩔 수 없는 것 같다. 실력유지와 향상에는 많은 참고자료를 보고 1일 1코딩하는 것만큼 좋은 것은 없으니가 말이다.

UWP를 다시 시작하면서 앱을 만들기도 하겠지만 전반적인 이해가 필요할 것 같은 느낌이 들었다.

일단, 튜토리얼 형식의 프로젝트를 먼저 만들면서 앱의 화면 해상도를 초기화할 필요가 있다.

UWP 프로젝트를 처음 만들고 실행을 해보면 너무 큰 사이즈의 화면이 나와 당혹스럽다.

이것을 조금을 줄일 필요가 있다.

비주얼스튜디오 uwp 앱 프로젝트 만들기 how to create uwp app project

화면 크기 초기화 함수 만들기

UWP의 해상도를 변경하기 위해선 몇가지 방법이 있지만 여기서는 소스코드에서 직접 변경해 보려고 한다.

아래는 현재 실행되는 UWP 앱의 크기를 변경하는 C# 코드이다.

함수로 만들어 사용하기 위함이기에 그대로 사용하면 된다.

해당 함수의 위치는 UWP 가 처음 실행되는 클래스에 작성해 주면 된다.

여기서는 처음 실행되는 위치가 MainPage 이기 때문에 InitializeComponent() 메서드 하단에 작성해 주었다.

/** 윈도우 크기 초기화 */
void InitSetWindowsSize()
{
	double width = 480;
	double height = 320;
	ApplicationView.GetForCurrentView().SetPreferredMinSize(new Size(width, height));
}

함수 적용 전체 코드

아래의 UWP C# 코드는 위에서 작성한 화면 크기 변경을 위해 만든 초기화 함수을 적용한 전체 코드이다.

UWP 프로젝트가 만들어 질 때 MainPage 클래스가 생성되며 InitializeComponet() 메서드가 생성되어 호출되는 것을 볼 수 있다.

UWP 초기화 메서드인 InitializeComponet() 하단에 위에서 작성한 코드를 작성하고 호출하도록 하자.

앱 화면이 작게 줄어들어 표시되는 것을 확인할 수 있다.

using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Runtime.InteropServices.WindowsRuntime;
using Windows.Foundation;
using Windows.Foundation.Collections;
using Windows.UI.ViewManagement;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Controls.Primitives;
using Windows.UI.Xaml.Data;
using Windows.UI.Xaml.Input;
using Windows.UI.Xaml.Media;
using Windows.UI.Xaml.Navigation;

// 빈 페이지 항목 템플릿에 대한 설명은 https://go.microsoft.com/fwlink/?LinkId=402352&clcid=0x412에 나와 있습니다.

namespace UWPAppTutorials
{
    /// <summary>
    /// 자체적으로 사용하거나 프레임 내에서 탐색할 수 있는 빈 페이지입니다.
    /// </summary>
    public sealed partial class MainPage : Page
    {
        public MainPage()
        {
            this.InitializeComponent();

            /** 윈도우 크기 초기화 */
            InitSetWindowsSize();
        }

        /** 윈도우 크기 초기화 */
        void InitSetWindowsSize()
        {
            double width = 480;
            double height = 320;
            ApplicationView.GetForCurrentView().SetPreferredMinSize(new Size(width, height));
        }
    }
}

이제 실행화면을 보자.

위의 InitSetWindowsSize() 함수가 실행된다면 480 X 320 크기의 앱이 화면에 나타날 것이다.

UWP 란 단어만 차이가 있을 뿐 WPF 를 사용하는 것과 흡사하기 때문에 익숙하다.

일단, 화면이 예쁘다.

다음부터는 화면에 컨트롤을 하나씩 올려보면서 스터디를 진행해 본다.