在運行時減小圖像大小

Question

我有一個帶有DataTemplate的List Box，在DataTemplate中我有一個Image。 以下是我的代碼：

<DataTemplate x:Key="DataTemplate">
            <Border  
                    Background="#FFFFFF"
                    Margin="0,2,0,0" 
                    VerticalAlignment="Stretch"
                    HorizontalAlignment="Stretch">
           <Grid  Width="Auto"
                  HorizontalAlignment="Center"
                  VerticalAlignment="Center">
         <Image   Style="{StaticResource ImageStyle}"
                  Stretch="UniformToFill"
                  Source="{Binding ImageName}"
                  HorizontalAlignment="Center"
                  VerticalAlignment="Center"
                  Margin="1,1,1,1"/>
                </Grid>
            </Border>
        </DataTemplate>

我的圖像相當大1000x1000但我想在運行時減小圖像大小，以便它在列表框項目中看起來很好。

我怎么能做到這一點？

我試圖在ImageStyle of Image添加以下代碼

<Setter Property="MaxHeight" Value="210"/>
<Setter Property="MaxWidth" Value="210"/>

但它會減小視圖大小而不是圖像大小，所以我的圖像正在切割。

注意：請注意我正在使用Windows Phone 8應用程序。

Answer 1

我不完全明白你的意思

它會減小視圖大小而不是圖像大小

但你不希望你的圖像被剪裁你應該設置Stretch="Uniform"

統一：調整內容大小以適應目標維度，同時保留其原始寬高比。

並將其設置為Stretch="UniformToFill"

UniformToFill：調整內容的大小以填充目標維度，同時保留其原始寬高比。 如果目標矩形的寬高比與源不同，則會剪切源內容以適合目標尺寸 。