WPFWPFでListBoxを使ってカードUIを作成する方法です。作成したものは以下のような外観になります。リサイズすると横幅に合わせて列数が変わります。よこに広げると以下のように並び変えられます。カードの構造XAMLを貼る前に構造はこんな感じになっています。色がついてる部分はStackPanel.BackgroundをViewModelのBarColor:Colorでバインドして塗りつぶしています。XAML全体のコードは以下の通りです。</ItemsControl.ItemContainerStyle></ListBox>横幅に合わせてカードが回り込むようにListBoxのプロパティに以下の属性を指定しています。これを指定しないと右に無限に伸びてしまい回り込みが発生しません。ScrollViewer.HorizontalScrollBarVisibility="Disabled"で、上記を指定したうえで、ItemPanelTemplateにWrapパネルを指定します。</ItemsPanelTemplate></ItemsControl.ItemsPanel>カード自身の見た目はDataTemplateで指定しています。ここでは一番外側のStackPanelに影をつけるためにEffectにDropShadowEffectをつけています。これをつけるとだいぶカードっぽくなります。</StackPanel></DataTemplate>ItemsControl.ItemContainerStyleの部分は、Windows10で要素にMouseOverエフェクトが発生して、外観が変になるので、自分で描画するようにするおまじないです。OverridesDefaultStyleとTemplateを両方指定しないと要素が表示されないなど発生するので何も考えずコピペでも大丈夫です。ViewModel参考までに上記コードにバインドするViewModelを以下に張り付けておきます。カードのデータを表します。カードのメッセージを設定または取得します。カードの色を設定または取得します。}}基本的にここから少し改変すれば大抵の表示はできるようになるので必要に応じて書き換えてください。おまけもう1つだけカードデザイン例を置いておきます。Generatorさんのサイトデザインをリスペクトしてみました。前述の内容と同じくDetaTemplateを以下のように指定しています。}}MainWindowのコンストラクターで以下のようにデータを設定しています。»Profile受託ソフト会社員でWin系業務屋。趣味でCocos2d-x/C++を触っています。etc...主に受託・開発ネタ、Windowsの事、Srellaris、ゲーム制作の進捗の事を喋ります。Core3.xとUnityでAES暗号化を利用するC#の標準機能でデータを圧縮・展開するC#で属性を利用して処理に制約の説明を追加するC#で文字列にSQLのIN句のようなメソッドを追加するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。