0

誰かが私に説明したり、いくつかの素晴らしい記事を指摘したりできますか?フォトショップのデザインを使用してアプリに正しく実装する方法を教えてください。アプリケーションにXaml/VBを使用したい。使いたい素敵なゲームデザインを作成しましたが、このデザインをxamlアプリに使用する方法がわかりません。境界線は常に画面の境界線上にある必要があります。

画像サンプル:http ://social.msdn.microsoft.com/Forums/getfile/215154

敬具

4

3 に答える 3

2

最も簡単な方法は、「Photoshopからインポート」オプションがあるBlendを使用することです。

  1. まず、Blendをダウンロードします。Visual Studio Express 2012 for Windows 8の無料バージョンとともにインストールされます。これはページの途中にある青色で表示されていますが、そのバージョンではインポーターはサポートされていません。ExpressionBlend4またはExpressionBlendfor Silverlight 5プレビューを使用してPhotoshopイメージをインポートし、結果のキャンバスをBlend for VisualStudio2012にコピーできます。
  2. 次に、Blendを開きます。すべてのウィザードをキャンセルするか、プロジェクトを作成してから閉じます。次に、[ファイル]メニューの下に、AdobePhotoshopファイルをインポートできる[インポート]オプションが表示されます。
于 2013-01-03T14:30:27.493 に答える
0

「AdobePhotoshopファイルのインポート」に関するこの記事が役立つ場合があります。
または、迂回が許容される場合は、AdobeIllustratorを変換してWPFおよびSilverlight互換のXAMLをエクスポートするための迂回路がもう1つあります。
変換されたXAMLファイルのみが必要なため、プロジェクトがWPFプロジェクトであるかWindows8プロジェクトであるかは関係ありません。

于 2013-01-07T11:02:37.853 に答える
0

私が答える前に、注意すべきことが1つあります。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 に答える