1

(異なるサイズの) いくつかの画像に同じ寸法を与えようとしています。すべての画像は 90x258 (w*h) である必要がありますが、どういうわけかこれを機能させることができません。

これは私のコードです:

<StackPanel Orientation="Horizontal">
    <Border BorderThickness="4,0,0,0" BorderBrush="BlanchedAlmond">
        <Image x:Name="Image" Source="{Binding Image}" Width="90" Height="258" />
    </Border>

    <StackPanel Orientation="Vertical" Width="164">
        <TextBlock TextWrapping="Wrap" Style="{StaticResource ItemTextStyle}" Text="{Binding Title}" Margin="10,0"/>
        <TextBlock TextWrapping="Wrap" Style="{StaticResource CaptionTextStyle}" Text="{Binding Authors}" Margin="10"/>
    </StackPanel>
</StackPanel>

画像のStretchプロパティをいじってみましたが、何を選択しても画像は 90x258 になりません。

デフォルトのストレッチを使用すると、縦横比が維持されます（それは望ましくありUniformません）。選択するとNone、画像が元の寸法で表示され、画像が非常に大きくなり、実際には画像のごく一部のみが表示されますイメージコンテナ。UniformToFillFill

次に例を示します。

ここに画像の説明を入力

本の表紙全体を 90x258 で表示したい:

ここに画像の説明を入力

誰でも私を助けてもらえますか？

4

1 に答える 1

2

高さを自動に設定し、ストレッチを塗りつぶしに設定してみてください

<StackPanel Orientation="Horizontal">
    <Border BorderThickness="4,0,0,0" BorderBrush="DodgerBlue">
        <Image x:Name="Image" Source="{Binding Image}" HorizontalAlignment="Left" Width="94" Stretch="Fill" />
    </Border>

    <StackPanel Orientation="Vertical" Width="164">
        <TextBlock TextWrapping="Wrap" Style="{StaticResource ItemTextStyle}" Text="{Binding Title}" Margin="10,0"/>
        <TextBlock TextWrapping="Wrap" Style="{StaticResource CaptionTextStyle}" Text="{Binding Authors}" Margin="10"/>
    </StackPanel>
</StackPanel>
于 2012-11-25T00:20:31.437 に答える