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

问题描述：

有人可以向我解释，或指出一些不错的文章，我如何使用我的photoshop设计，并正确地将其实施到我的应用程序？我想为应用程序使用Xaml/VB。我制作了一个不错的游戏设计，但我不清楚如何将这个设计用于我的xaml应用程序。边框应始终位于屏幕的边框上。如何把你的photoshop设计到你的Windows 8应用程序？

图像样本：http://social.msdn.microsoft.com/Forums/getfile/215154

亲切的问候

答

This article关于“导入Adobe Photoshop文件”可能会有帮助。
或者，如果绕行是可以接受的，则有another one here用于将Adobe Illustrator转换为导出WPF和Silverlight兼容的XAML。
由于只需要转换的XAML文件，项目是WPF项目还是Windows 8项目并不重要。

答

最简单的方法是使用混合，其中有一个“导入从Photoshop”选项。

首先，下载Blend。尽管它安装了适用于Windows 8的免费版本的Visual Express 2012（用于Windows 8，即here），但导入器在该版本中不受支持。您可以使用Expression Blend 4或Expression Blend for Silverlight 5 preview导入Photoshop图像，然后将结果画布复制到Visual Studio 2012的Blend。
然后，打开Blend。取消所有的向导，或者创建一个项目，然后关闭它。然后，在“文件”菜单下，您应该看到一个“导入”选项，这将允许您导入Adobe Photoshop文件。

嘿詹妮弗谢谢。但那又如何？我已经研究过它，并且确实可以导入文件（显然没有图层样式），但是我应该怎么做？我必须制作某种网格吗？ – Kaizer

这是关于在XAML中创建第一个Windows 8应用程序的教程：http://msdn.microsoft.com/en-us/library/windows/apps/hh974581.aspx。它概述了Windows 8开发的基础知识。 –

谢谢你的链接詹妮弗，但我无法找到你指出的问题的答案。 – Kaizer

答

之前，我给我的答案，有一点需要注意：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>

你需要混乱与图片上的宽度，高度和拉伸性能身边，让他们看的权利，但只要这个适当定义您的网页上，它应该显示为一个覆盖并且您之前定义的内容应通过间隙/透明度显示。

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

相关推荐