语言: HTML | XAML

如何为各种语言调整布局和字体并支持 RTL 布局 (XAML)

Applies to Windows and Windows Phone

通过遵循一些简单的指南在 Windows 应用商店应用中支持本地化的布局和字体。

说明

布局指南

一些语言(如德语和芬兰语)的文本所需的空间比其对应的英语文本所需的空间更多。

使用灵活的布局机制,而不要使用绝对定位、固定宽度或固定高度。必要时可以根据语言来调整特定 UI 元素的布局。

为元素指定 Uid


<TextBlock x:Uid="Block1">

确保你的应用的 ResW 文件具有 Block1.Width 的资源,你可以为每种本地化目标语言设置该资源。

一些语言(如阿拉伯语和希伯来语)要求文本布局和应用布局必须采用从右到左 (RTL) 的读取顺序。

对于使用 C++、C# 或 Visual Basic 的 Windows 应用商店应用,请使用 FlowDirection 属性(具有对称间距和边距),以便针对其他布局方向进行本地化。

Extensible Application Markup Language (XAML) 布局控件(例如 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

 

 

显示:
© 2014 Microsoft