WPFでListBoxを使ってカードUIを作成する方法です。 作成したものは以下のような外観になります。 リサイズすると横幅に合わせて列数が変わります。 よこに広げると以下のように並び変えられます。 カードの構造 XAMLを貼る前に構造はこんな感じになっています。色がついてる部分はStackPanel.BackgroundをViewModelのBarColor:Colorでバインドして塗りつぶしています。 XAML 全体のコードは以下の通りです。 <ListBox Margin="10" Padding="10" Background="Transparent" ScrollViewer.HorizontalScrollBarVisibility="Disabled" BorderThickness="0" ItemsSource="{Binding ItemsSource}"> <Ite
![WFPのListBoxでカードUIを作成する - PG日誌](https://cdn-ak-scissors.b.st-hatena.com/image/square/e466a9cae11f9b14f62e3c6c151b1d83d9795b4a/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2FT%2FTakachan%2F20171205%2F20171205235559.png)