tmytのらくがき

個人の日記レベルです

画像とかをよさげに配置するパネルを作りました

Windows Store AppsでTwitterの公式Webみたいに画像をよさげに配置するパネルを作りました。Panelを継承したやつなので、ItemsControlとかのItemsPanelに指定して使うといいと思います。

ItemsControlのItemsPanelとして使うのはたとえばこういう感じ。

<ItemsControl>
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <controls1:UniformPanel MaxItems="4"/>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <controls:Image Source="{Binding}" Stretch="UniformToFill" />
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

実行してみるとこんな感じになります。

f:id:tmyt:20140904231412p:plain

また、MaxItemsプロパティを指定することで、表示する項目の上限を設定できます。AristeaではTLのサムネイルを最大4つに制限するために使ってます。必要に合わせて使ってみてください。

パネルはWindows Store Apps向けパネル詰め合わせに含まれてます。コードの参照はこちらから。