如何把你的photoshop设计到你的windows 8应用程序

Question

谁能给我解释一下，或者指出一些好的文章，我如何使用我的photoshop设计，并正确地实现它到我的应用程序?我想使用Xaml/VB的应用程序。我已经做了一个很好的游戏设计，我想使用，但我不太明白我怎么能使用这种设计到我的xaml应用程序。边界应该始终在屏幕的边界。

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

亲切的问候

Answer 1

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

首先，下载Blend。尽管它与免费版本的Visual一起安装Windows 8的Studio Express 2012，在页面中间用蓝色标出，那个版本不支持导入器。您可以使用Expression Blend 4或Expression Blend for Silverlight 5预览导入Photoshop图像，然后将结果画布复制到Visual Studio 2012的Blend中。然后，打开混合。取消所有向导，或者创建一个项目，然后关闭它。然后，在文件菜单下，你应该看到一个"导入"选项，它将允许你导入Adobe Photoshop文件。

Answer 2

这篇关于"导入Adobe Photoshop文件"的文章可能会有所帮助。
或者，如果可以绕道而行，这里有另一个将Adobe Illustrator转换为导出WPF和Silverlight兼容的XAML的工具。
由于只需要转换后的XAML文件，因此无论该项目是WPF项目还是Windows 8项目都无关紧要。

Answer 3

在我给出我的答案之前，有一件事要注意:微软设计指南建议你应该避免在应用程序中添加自己的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>

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