画像が伸びて中央に配置されていますか？

Question

I持って、次のXAMLコード：

<Image Source="a.jpg" HorizontalAlignment="Center" VerticalAlignment="Center" Stretch="Uniform"/> 

とI、視覚的に、この得た：

： Stretch="None"で

（http://img810.imageshack.us/img810/2401/imagestretchuniform.png）

を、私はこれを得ました

今

（http://img28.imageshack.us/img28/1783/imagestretchnone.png）

、私が欲しいのはStretch="Uniform"と垂直方向または水平方向の画像を中央にあります！ 「最も小さい」側（Uniform）は中央に配置されます。しかし、現時点では、スクリーンショットで見ることができるように、画像は左上隅に配置されています（とVerticalAlignmentから"Center"）

どうすればよいですか？

全体のコードは次のとおりです。

<UserControl [...]> 
    <Canvas Width="640" Height="480" Background="#FF881607"> 
     <Image Source="a.jpg" HorizontalAlignment="Center" VerticalAlignment="Center" Stretch="Uniform"/> 
    </Canvas> 
</UserControl> 

EDIT（ソリューション）：念のsome1に同じ問題を抱えている 、ここで私はそれを解決する方法である：

<Canvas Width="640" Height="480" Background="#FFAA00FF" > 
    <Image Source="z.jpg" Height="480" Width="640"/> 
</Canvas> 

これはまったく同じです振る舞いはHorizontalAlignment="Center" VerticalAlignment="Center" Stretch="Uniform" 画像はユニフォーム（画像がキャンバスより小さくても大きくても）に伸びていて、縦と横の両方にセンタリングされています。

Answer 1

グリッドに配置すると、自動的に中央に配置されます。

<Grid> 
    <Image Source="a.jpg"/> 
</Grid> 

いくつかのより多くのグリッドとの完全な制御：

<UserControl> 
    <Grid> 
     <Grid.RowDefinitions> 
      <RowDefinition/> 
      <RowDefinition Height="Auto"/> 
     </Grid.RowDefinitions> 
     <Grid Grid.Row="0"> 
      <Image Source="a.jpg" Stretch="Uniform"/> 
     </Grid> 
     <Grid Grid.Row="1" Margin="10"> 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="Auto"/> 
       <ColumnDefinition/> 
       <ColumnDefinition Width="Auto"/> 
      </Grid.ColumnDefinitions> 
      <Button Grid.Column="0" Content="Start"/> 
      <Button Grid.Column="2" Content="Stop"/> 
     </Grid> 
    </Grid> 
</UserControl> 

Answer 2

キャンバスは、画像のたHorizo​​ntalAlignmentをサポートしていません。このような動的レイアウトが必要な場合、Canvasは悪い選択です（実際にはのようなレイアウトを無視したい場合に便利です）。キャンバスを使用している正確な理由は何ですか？あなたも、周囲のXAMLを投稿することができます

<Grid Background="#FF881607"> 
    <Image Source="a.jpg" HorizontalAlignment="Center" VerticalAlignment="Center" Stretch="Uniform"/> 
</Grid>