Delphi 윈도우 10에서의 High DPI

2020.03.02 11:56

김원경 조회 수:1379

짐 맥키트(Jim McKeeth)가 작성한 윈도우 10에서의 High DPI에 대한 자료입니다.

윈도우 10에서의 High DPI

 

종종 모니터 규격을 따질 때 해상도(예: 1920x1080)나 대각선 길이(예: 27" 또는

 68.58cm) 등의 용어를 사용합니다. DPI는 이 정보들을 활용해 피타고라스 정리로 계산할 수 있습니다 (아래 DPI와 PPI에 대한 자세한 내용을 참고하세요).

화면이 커질수록 해상도를 높이지 않으면 DPI는 낮아지게 됩니다.

 

DPI = (sqrt (sqr () + sqr (높이)) / 대각선

 

윈도우 모니터들은 기본적으로 DPI값을 96으로 지정하고 있습니다 (비록 실제로는 72 PPI 이지만요). 윈도우 XP에는 GDI+를 추가해 해상도와 무관하게 텍스트 크기 조정할 수 있습니다. 윈도우 비스타(Vista)의 경우, 고해상도 디스플레이를 지원하기 때문에 실제로 더 많은 픽셀을 표현할 수 있어 더 선명한 텍스트와 더 자세한 이미지를 표시할 수 있습니다. 하지만 애플리케이션에서 고해상도를 지원한다고 체크하지 않았다면, 기본적으로 96-DPI로 처리됩니다. 윈도우 7은 모니터에서 실제 픽셀보다 더 확대해서 출력할 수 있도록 설정할 수 있습니다. 윈도우 10의 경우, 모니터에 맞추어 해상도를 독립적으로 조정합니다.

 

높은 해상도의 (96 DPI 보다 큰) 모니터가 있는 경우 윈도우는 배율을 적용해 글꼴은 더 선명하게, 이미지는 더 자세히 표시할 수 있습니다.

 

1106.Scale and Layout.png

 

 

고해상도 자동 스케일링은 개발자들에게 어떤 의미일까요10.3 리오는 윈도우에서 VCL로 고해상도 애플리케이션 개발을 위한 새로운 기능들은 제공합니다:

  • High DPI 이미지 리스트 지원
  • Per Moniter V2 지원
  • 새로운 스타일들
  • 업데이트된 윈도우 API들

 

마르코 칸투는 이미 윈도우 10의 새로운 기능을 지원하는 새로운 Per Monitor v2 (영문) 지원에 대한 글을 작성한 적이 있습니다. 이 글에서는 각 화면에 적합한 DPI를 지원하는 방법에 대해 다루고 있습니다. DPI 인식 옵션은 Project > Optios > Application > Manifest에 있습니다. VCL 프로젝트는 기본적으로 Per Monitor v2로 설정되어 있지만 옵션 정보를 수정할 수도 있습니다.

 

4721.PerMonitorV2Manifest-Rio.png-520x0.png

 

VCL은 대부분의 리사이징(resizing) 작업을 자동으로 처리합니다. 하지만 VCL.Classes 유닛에 새롭게 추가된 기능들을 활용할 수도 있습니다. 바로 GetSystemMetricForWindow 입니다. 새로운  GetSystemMetricsForDPI API를 최대한으로 활용할 수 있게 해주는 함수입니다. (이전 GetSystemMetrics에서 대체 됨). 현재 표시되는 모니터를 기반으로 인식하면서 응용프로그램 각 창에 대한 메트릭, 해상도 및 DPI를 제공합니다.

 

TControl (및 하위컨트롤)에는 GetSystemMetrics 메소드가 있는데 GetSystemMetrics를 호출하면 업데이트 된 정보가 자동으로 제공되므로 기존 코드를 쉽게 마이그레이션 할 수 있습니다. 충분하진 않지만 TControl에도 CurrentPPI 속성이 있습니다.

 

이미지 2.png

 

 

새로운 윈도우용 High DPI 이미지 리스트(ImageList)는 놀라운 컴포넌트입니다. TImageCollection TVirtualImageList라는 두 가지 새로운 컴포너트를 소개하고 싶은데요. 데이비드 밀링턴이 컴포넌트들 사용에 관한 글을 썼습니다.

이 컴포넌트들로 고해상도 그래픽 요소들을 고해상도 디스플레이에 정말 쉽게 자동으로 적용할 수 있습니다. 이 기능을 활용하면 윈도우 내장된 이미지 리스트의 기능을 뛰어 넘어 VCL 애플리케이션이 멋지게 보이도록 해주죠!

 

이미지 1.png

 

 

이러한 기능들을 겟잇 패키지 매니저가 제공하는 새로운 VCL 스타일 등과 함께 사용해보세요. 윈도우 VCL 애플리케이션이 윈도우 10의 모니터에서도 더욱 더 멋져 보일 수 있습니다. 이 또한 10.3 리오의 새로운 기능 또는 업데이트 된 대표적인 기능 중 하나입니다.

 

 

6886.RioVclStyles.png

 

 

 

  RAD스튜디오가 제공하는 VCL 스타일들은 정말 다양합니다.

  무료로 제공되는 스타일이 FMX용까지 포함하면 약 100여개 정도 됩니다.

  다양한 스타일들을 확인해보세요: www.devgear.co.kr/solutions#UI

 

 

 

 

 

 

10.3 리오가 있다면, 가장 멋진 애플리케이션을 직접 완성할 수 있습니다.

아직 10.3이 없다면 바로 지금 구입하거나 무료 평가판을 통해 경험해보세요!

 

 

 

 

번호 제목 글쓴이 날짜 조회 수
공지 [DelphiCon 요약] 코드사이트 로깅 실전 활용 기법 (Real-world CodeSite Logging Techniques) 관리자 2021.01.19 21596
공지 [UX Summit 요약] 오른쪽 클릭은 옳다 (Right Click is Right) 관리자 2020.11.16 20217
공지 [10.4 시드니] What's NEW! 신기능 자세히 보기 관리자 2020.05.27 22272
공지 RAD스튜디오(델파이,C++빌더) - 고객 사례 목록 관리자 2018.10.23 28027
공지 [데브기어 컨설팅] 모바일 앱 & 업그레이드 마이그레이션 [1] 관리자 2017.02.06 29313
공지 [전체 목록] 이 달의 기술자료 & 기술레터 관리자 2017.02.06 24636
공지 RAD스튜디오(델파이, C++빌더) - 시작하기 [1] 관리자 2015.06.30 45568
공지 RAD스튜디오(델파이,C++빌더) - 모바일 앱 개발 사례 (2020년 11월 업데이트 됨) 험프리 2014.01.16 181110
176 이 달의 기술자료 - 2014년 11월 험프리 2014.10.13 54167
175 이 달의 기술자료 - 2014년 6월 file 험프리 2014.06.05 50393
174 이 달의 기술자료 - 2014년 12월 file 험프리 2014.11.26 32508
173 이 달의 기술자료 - 2014년 4월 file 험프리 2014.04.03 16847
172 다중 클라이언트를 위한 DataSnap 서버 만들기 관리자 2011.12.22 16164
171 이 달의 기술자료 - 2015년 03월 험프리 2015.02.25 15899
170 [REST API] REST API 이해하기 험프리 2017.05.23 15403
169 이 달의 기술자료 - 2015년 02월 file 험프리 2015.01.29 15093
168 델파이 XE2 DataSnap Client 만들기 [1] 관리자 2011.12.22 12948
167 [환경설정] 아마존 EC2 이용해 리눅스 서버 환경 구축하기 file 험프리 2017.04.20 10730
166 OAuth 2.0 연동 - 카카오 API(카카오톡 프로필) [9] 험프리 2018.12.26 10249
165 이 달의 기술자료 - 2014년 8월 file 험프리 2014.07.04 9974
164 이 달의 기술자료 - 2014년 3월 험프리 2014.03.05 9612
163 [REST API][실습] REST API 클라이언트 개발하기(REST Client 이용) [2] 험프리 2017.05.23 7295
162 [환경설정] 아마존 EC2 이용해 윈도우 서버 환경 구축하기 [1] file 험프리 2017.04.13 6297
161 BLOB 컬럼에 (이미지 등의)데이터 읽고 쓰기 험프리 2016.08.01 6217
160 [따라하기] 건강데이터 수집 및 기록 시스템 #1 - BLE 기반 스마트 체중계에서 실시간 데이터 받기 [1] Humphery 2015.10.02 6017
159 이 달의 기술자료 - 2015년 04월 험프리 2015.03.26 5711
158 안드로이드 개발환경 추가 조치방법 - RAD Studio에서 SDK 설정 Humphery 2015.10.01 5653
157 [따라하기] 인공지능 오목게임(1) - 만들기 [2] file 대화마을 2017.09.12 5607