User interface 如何将photoshop设计放入windows 8应用程序？

有人能给我解释一下，或者指出一些好文章，我如何使用我的photoshop设计并正确地将其应用到我的应用程序中？我想在应用程序中使用Xaml/VB。我已经做了一个很好的游戏设计，我想使用它，但我不明白如何在我的xaml应用程序中使用这个设计。边框应始终位于屏幕的边框上

图像样本：

---

最简单的方法是使用Blend，它有一个“从Photoshop导入”选项

首先，下载Blend。虽然它安装了免费版本的Visual Studio Studio Express 2012适用于Windows 8，该版本以蓝色显示在页面的一半，该版本不支持导入程序。您可以使用Expression Blend 4，也可以导入Photoshop图像，然后在生成的画布上复制以混合Visual Studio 2012

然后，打开混合。取消所有向导，或创建一个项目，然后关闭它。然后，在“文件”菜单下，您将看到一个“导入”选项，该选项将允许您导入Adobe Photoshop文件

---

在我给出答案之前，有一件事需要注意：微软的设计指南建议你应该避免在应用程序中添加你自己的chrome——设计理念就是你不需要这样做

这就是说，您可以通过将图像分为8个部分，并在应用程序XAML中使用重叠网格来实现这一点。这类似于您可能希望在HTML中布局相同内容的方式

<!-- content for the game here -->
<Grid Background="Transparent">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="30" />
        <ColumnDefinition Width="*" />
        <ColumnDefinition Width="30" />
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="30" />
        <RowDefinition Height="*" />
        <RowDefinition Height="30" />
    </Grid.RowDefinitions>
    <Image Height="30" Width="30" Source="TopLeftSlice.png" />
    <Image Height="30" Grid.Column="1" Source="TopMiddleSlice.png" />
    <Image Height="30" Width="30" Grid.Column="2" Source="TopRightSlice.png" />
    <Image Width="30" Grid.Row="1" Source="MiddleLeftSlice.png" />
    <Image Width="30" Grid.Row="1" Grid.Column="2" Source="MiddleRightSlice.png" />
    <Image Height="30" Width="30" Grid.Row="2" Source="BottomLeftSlice.png" />
    <Image Height="30" Grid.Row="2" Grid.Column="1" Source="BottomMiddleSlice.png" />
    <Image Height="30" Width="30" Grid.Row="2" Grid.Column="2" Source="BottomRightSlice.png" />
</Grid>

你需要在图像的宽度、高度和拉伸属性上乱搞，以使它们看起来正确，但只要这在你的页面上得到了适当的定义，它就应该显示为覆盖，并且你以前定义的内容应该通过间隙/透明胶片显示。

关于“导入Adobe Photoshop文件”可能会有帮助
或者，如果可以绕道而行，则可以将Adobe Illustrator转换为导出WPF和Silverlight兼容的XAML

---

因为只需要转换后的XAML文件，所以无论该项目是WPF项目还是Windows 8项目都无关紧要。

嘿，詹妮弗，谢谢。那又怎么样？我已经研究过了，您确实可以导入该文件（表面上没有图层样式），但是我应该怎么做呢？我必须创建某种网格吗？这里有一个关于在XAML中创建第一个Windows 8应用程序的教程：。它概述了Windows 8开发的基础知识。谢谢你的链接，詹妮弗，但我在你指出的图坦卡蒙中找不到我问题的答案。