다양한 언어에 맞게 레이아웃과 글꼴을 조정하는 방법
언어: HTML | XAML

다양한 언어에 맞게 레이아웃 및 글꼴을 조정하고 RTL 레이아웃을 지원하는 방법(XAML)

[ 이 문서는 Windows 런타임 앱을 작성하는 Windows 8.x 및 Windows Phone 8.x 개발자를 대상으로 합니다. Windows 10용으로 개발하는 경우에는 최신 설명서를 참조하세요.]

몇 가지 간단한 지침에 따라 Windows 스토어 앱에서 지역화된 레이아웃 및 글꼴을 지원합니다.

지침

레이아웃 지침

일부 언어(예: 독일어 및 핀란드어)에는 영어보다 더 많은 텍스트 공간이 필요합니다.

절대 위치, 고정 너비 또는 고정 높이 대신 유연한 레이아웃 메커니즘을 사용하세요. 필요한 경우 언어에 따라 특정 UI 요소를 조정할 수 있습니다.

다음과 같이 요소에 대한 Uid를 지정합니다.


<TextBlock x:Uid="Block1">

앱의 ResW 파일에 Block1.Width에 대한 리소스가 있는지 확인합니다. 이 리소스는 지역화하는 언어별로 설정할 수 있습니다.

아랍어 및 히브리어와 같은 일부 언어에서는 텍스트 레이아웃과 앱 레이아웃이 RTL(오른쪽에서 왼쪽) 읽기 순서를 따라야 합니다.

C++, C# 또는 Visual Basic으로 작성한 Windows 스토어 앱의 경우 FlowDirection 속성을 대칭 안쪽 여백 및 여백과 함께 사용하여 다른 레이아웃 방향에 대한 지역화를 사용하도록 설정합니다.

XAML(Extensible Application Markup Language) 레이아웃 컨트롤(예: Grid)은 FlowDirection 속성을 사용하여 자동으로 배율 조정 및 대칭 이동합니다. C++, C# 또는 Visual Basic으로 작성된 Windows 스토어 앱에서 FlowDirection 속성을 지역화 도구용 리소스로 노출합니다.

앱의 기본 페이지에 대한 Uid를 지정합니다.


<Page x:Uid="MainPage">

앱의 ResW 파일에 MainPage.FlowDirection에 대한 리소스가 있는지 확인합니다. 이 리소스는 지역화하는 언어별로 설정할 수 있습니다.

이미지 미러링

앱에 RTL에 대해 미러링해야 하는 이미지가 있는 경우 FlowDirection 속성을 적용할 수 있습니다.


<!-- en-US\localized.xaml -->
<Image ... FlowDirection="LeftToRight" />

<!-- ar-SA\localized.xaml -->
<Image ... FlowDirection="RightToLeft" />

앱에서 이미지를 올바르게 대칭 이동하기 위해 다른 이미지가 필요한 경우 리소스 관리 시스템을 layoutdir 한정자와 함께 사용할 수 있습니다. 응용 프로그램 언어가 RTL 언어로 설정되어 있는 경우 file.layoutdir-rtl.png 이미지가 선택됩니다. 이 방법은 이미지의 일부만 대칭 이동되는 경우에 사용할 수 있습니다.

글꼴

특정 언어에 대한 권장 글꼴 패밀리, 크기, 두께 및 스타일에 프로그래밍 방식으로 액세스하려면 LanguageFont 글꼴 매핑 API를 사용합니다. LanguageFont 개체는 UI 헤더, 알림, 본문, 사용자 편집 가능한 문서 본문 글꼴을 비롯하여 콘텐츠의 다양한 범주에 대한 올바른 글꼴 정보에 액세스합니다.

관련 항목

FlowDirection
LanguageFont

 

 

표시:
© 2017 Microsoft