Windows 8 App使用Xaml和C#来实现不同的屏幕尺寸和DPI?

时间:2012-10-14 18:10:42

标签: c# xaml windows-8 windows-runtime

是否使用xaml为Windows 8应用程序创建了任何方式或一般大小模板,以便我们可以创建不同屏幕大小和DPI的应用程序。正如我们在Android中所做的那样,我们将图像和屏幕UI放在不同的文件夹中,应用程序根据不同的屏幕尺寸和DPI来选择它?我正在尝试为此设计一个通用模板,但只是询问MS是否已经创建了这样的东西?

1 个答案:

答案 0 :(得分:5)

除了VS2012附带的默认模板,我不知道任何其他模板。使用差异。如果您知道如何开始,那么要求并不是那么麻烦。以下是您可能已经看过的一些信息,但我会在这里为那些为您提供问题寻找信息的人添加它:)

对于缩放到屏幕尺寸和分辨率有不同的建议。

关于像素密度和图像:

Guidelines for scaling to pixel density (Windows Store apps)

基本上你创建这样的文件夹:

选项#1 - 文件命名约定: ... \ test.scale-100.jpg    \ test.scale-140.jpg    \ test.scale-180.jpg

选项#2 - 文件夹命名约定: ... \规模-100 \ test.jpg放在    \规模-140 \ test.jpg放在    \规模-180 \ test.jpg放在

在XAML中

<Image Grid.Row="0" Grid.Column="1" x:Name="testImage" Source="test.jpg" Margin="2,2,2,2"/>

资源加载是智能的,将从右侧文件夹中获取正确的图像

至于缩放到屏幕

Guidelines for scaling to screens (Windows Store apps)

你可以:

a)有一个固定的布局,可以缩放以适应屏幕 创建一个Viewbox控件并将控件添加到其中,将大小设置为您要支持的最小大小。 不要添加appbars或默认自适应的其他东西! 定义信箱样式和颜色,不要忘记添加不同的res。我在上面展示的图像。使用矢量图形或XAML。

b)自适应布局, - 查看VS2012附带的默认模板,它们使用自适应布局。

c)我确定还有其他选项/变体