PNGアセットの上にXamlをレイアウトする方法

Question

私はAdobe Xdで自分のアプリケーションを設計していましたが、PNGまたはPDFまたはSVGにXamlをエクスポートしません！どのように私は応答のUI（ボタンと他のコントロール）を持っているVSの画像を使用するだろう！

Answer 1

あなたがWPFまたはSilverlightアプリケーションを作成していて、Adobe XDで作成されたコントロールを活用しないで画像上にアプリケーションを設計すると仮定すると、set your image as the background to a parent gridはAdobeで使用したグリッドディメンションと同じですXDを作成した後、以前のグリッドレイアウトに従ってXAMLでコントロールを再作成します。

<Grid Grid.Column="0" Grid.Row="0" Grid.ColumnSpan="22" Grid.RowSpan="4"> 
     <Grid.Background> 
      <ImageBrush ImageSource="/MyImage.png" Stretch="Fill"/> 
     </Grid.Background> 
    </Grid>