0

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

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

亲切的问候

4

3 回答 3

2

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

  1. 首先，下载 Blend。尽管它安装了适用于 Windows 8 的免费版本的 Visual Studio Express 2012，它位于页面的中间，以蓝色显示，但该版本不支持导入器。您可以使用 Expression Blend 4 或Expression Blend for Silverlight 5 预览来导入您的 Photoshop 图像，然后将生成的画布复制到 Blend for Visual Studio 2012。
  2. 然后，打开混合。取消所有向导，或创建一个项目然后关闭它。然后，在“文件”菜单下，您应该会看到一个“导入”选项，它允许您导入 Adob​​e Photoshop 文件。
于 2013-01-03T14:30:27.493 回答
0

这篇关于“导入 Adob​​e Photoshop 文件”的文章可能会有所帮助。
或者，如果可以接受绕道，这里还有另一个用于将 Adob​​e Illustrator 转换为导出 WPF 和 Silverlight 兼容的 XAML。
由于只需要转换后的 XAML 文件，因此项目是 WPF 项目还是 Windows 8 项目并不重要。

于 2013-01-07T11:02:37.853 回答
0

在我给出答案之前，需要注意一件事：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>

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

于 2013-01-03T15:33:25.620 回答