如何自動調整圖像大小以適合Silverlight網格單元中已調整大小的畫布

Question

例如，我有一個網格，其中一個單元包含一個圖像。 因為我已經將單元格背景設置為一種顏色，所以我可以看到當用戶調整瀏覽器大小時，網格正在調整大小，但是如何獲得圖像的調整大小呢？

我忘了說我的圖像在畫布內，並且當畫布自動調整為網格單元時，我的圖像不會自動調整為畫布。

Answer 1

如果將Image直接放置到網格中，則其默認的Stretch行為（即Stretch="Uniform"將確保其隨網格一起調整大小。 嘗試使用以下XAML進行驗證：

  <Grid x:Name="LayoutRoot" ShowGridLines="True">
    <Grid.RowDefinitions>
      <RowDefinition Height="*"/>
      <RowDefinition Height="*"/>
    </Grid.RowDefinitions>

    <Image Source="MyImage.png"
           Grid.Row="0"/>
  </Grid>

但是，根據您更新的問題...，您的圖像在畫布中。 畫布面板旨在提供其子元素的絕對位置。 您無法拉伸或對齊畫布中的元素。

底線-使用其他面板作為容器！

Answer 2

我找到了答案：

<Canvas Name="canvas" >
    <Canvas.Background>
        <ImageBrush ImageSource="/hsl;component/face-recognition.jpg" />
    </Canvas.Background>      
</Canvas>