1

グループ化されたグリッドビューで画像を表示したい。これで、すべての画像の高さと幅がさまざまになるため、元の高さの幅で画像を表示したいと思います。&を試しましたがWrapGrid、出力が得られませんでした。私のモデルクラスには画像名（パス）、高さ、幅が含まれていることに注意してください。では、以下のような画像を表示するにはどうすればよいですか?VariableSizedWrapGridVirtualizingStackPanel

ここに画像の説明を入力

4

3 に答える 3

0

アプリケーションに html/winjs を使用するオプションがある場合は、リスト ビュー アイテム テンプレートのサンプルシナリオ 4 - 「複数のセルにまたがることができるテンプレート関数の作成」を試すことができます。ここでは、より小さいグリッド ユニットの使用を選択し、複数の CSS クラスを定義できます。画像サイズに基づく項目テンプレート fn で、最適な CSS クラスを使用して画像をスケーリングします。

例えば：

.square-image
{
    width: 200px;
    height: 200px;
}

// 4:3 aspect ratio
.landscape-image
{
    width: 200px;
    height: 150px;
}

// aspect ratio 4:6
portrait-image
{
    width: 200px;
    height: 300px;
}

あなたはアイデアを得る。異なる縦横比を持つより多くの css クラスを定義できます。この場合、画像がセルに収まり、歪まないようにするために、アイテムに関しては-ms-grid-row-align: center1 つの次元と他の次元を使用する必要があります。100%

winjs を使用できない場合は、c# の GridView で可変グリッド サイズについて説明しているサンプルをいくつか参照してください。しかし、私はそれらを試していません。これらのリンクが役立つ場合があります。

于 2013-05-31T05:17:26.313 に答える