私はdiv要素を作成することができ、HTMLでWPF

Question

のHTMLフロートリソースと同様に画像を入れて、float位置に配置された画像とそれを埋める：

<div style="width: 560px; height: 560px;"> 
    <img src="myurl" style="width: 100px; height: 100px; float: left;" /> 
    <img src="myurl" style="width: 100px; height: 100px; float: left;" /> 
    <img src="myurl" style="width: 100px; height: 100px; float: left;" /> 
    ... 
</div> 

私はWPFで同じことをやろうとしている：

最初に私はこのようにStackPanelを試してみました：

<StackPanel> 
    <Image Source="myurl" Width="100" Height="100" /> 
    <Image Source="myurl" Width="100" Height="100" /> 
    ... 
</StackPanel> 

このコンポーネントはオブジェクトを一方向に積み重ねているようです。

次の私は、リストビューを使用してみました：

<ListView Background="#5a5a5a"> 
    <ListViewItem Width="100" Height="100"> 
     <Image Source="myurl" Width="100" Height="100" /> 
    </ListViewItem> 
    <ListViewItem Width="100" Height="100"> 
     <Image Source="myurl" Width="100" Height="100" /> 
    </ListViewItem> 
</ListView> 

をしかし、すべての画像が中央に入れてご利用いただけます。

WPFを使用してhtml floatと同じ効果を出すにはどうすればよいですか？

Answer 1

私はあなたがWrapPanel class .From MSDNを探していると思う：左から右への連続的な位置にある

ポジション子要素は、入っている箱の端に次の行にコンテンツを壊します。後続の順序付けは、Orientationプロパティの値に応じて、上から下、または右から左へ順番に行われます。

ラップパネルはStackPanelと似ていますが、すべての子要素を1つの行にスタックするだけでなく、スペースが残っていない場合は新しい行にラップします。方向は、[水平]または[垂直]に設定できます。

WrapPanelを使用すると、タブコントロールのタブ、ツールバーのメニュー項目、またはWindowsエクスプローラのようなアイテムを一覧表示することができます。 WrapPanelは、同じサイズのアイテムでよく使用されますが、必須ではありません。 （Source）