Question

有人可以向我解释，或指出一些不错的文章，我如何使用我的Photoshop设计并正确地将其应用到我的应用程序中？我想在应用程序中使用Xaml / VB。我已经制作了一个很好的游戏设计，但是我并不安静地理解如何将这个设计用于我的xaml应用程序。边框应始终位于屏幕的边框上。

图片示例：http://social.msdn.microsoft.com/Forums/getfile/215154

亲切的问候

Answer 1

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

首先，下载Blend。虽然它安装了Visual的免费版本 Studio Express 2012 for Windows 8，页面中间为here蓝色，该版本不支持导入程序。您可以使用Expression Blend 4或Expression Blend for Silverlight 5 preview导入Photoshop图像，然后将生成的画布复制到Blend for Visual Studio 2012.
然后，打开Blend。取消所有向导，或创建一个项目，然后关闭它。然后，在“文件”菜单下，您应看到“导入”选项，该选项允许您导入Adobe Photoshop文件。

Answer 2

在我给出答案之前，有一点需要注意：MS设计指南建议您应该避免将自己的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>

您需要弄乱图像的宽度，高度和拉伸属性才能让它们看起来正确，但只要在页面上对其进行了适当定义，它就应该显示为叠加层并且您之前定义的内容应通过差距/透明度显示。

Answer 3

关于“导入Adobe Photoshop文件”的

This article可能会有所帮助。
或者，如果绕行是可以接受的，则another one here用于转换Adobe Illustrator以导出WPF和Silverlight兼容的XAML。
由于只需要转换的XAML文件，因此无论项目是WPF项目还是Windows 8项目都无关紧要。

如何将您的Photoshop设计放入您的Windows 8应用程序？

3 个答案: