How justify items in a wrap panel?

Question

By using a wrap panel in WPF you can arrange items horizontaly.

Example here : WPF Tutorial | Wrap Panel

Now I want to space items equaly in order to fill the whole width. Like text justify, but items instead of words. How can I achieve this ?

Edit : I show you what I have actually :

enter image description here

I pick countries in the bottom list, and display selected countries in border within a wrappanel.

I want to adjuste automatically space between borders to get Spain and Thailand justified to right like Singapour.

see this: http://stackoverflow.com/questions/2817620/wpf-wrappanel-all-items-should-have-the-same-width — cederlof, Nov 29 '13 at 14:57
use grid, specify the number of columns and share the width. see the below link — Kumareshan, Nov 29 '13 at 15:31
I want change space bewtween items, items could be of different widths — Avlin, Nov 29 '13 at 16:02

score 2 · Answer 1 · answered Nov 29 '13 at 17:22

The only way that I can think of that you can do that in WPF is for you to create a new custom Panel class. You could use this Panel as the ItemsPanelTemplate in a collection control like this:

<ListBox ItemsSource="{Binding YourCollection}">
    <ListBox.ItemsPanel>
        <ItemsPanelTemplate>
            <YourXmlNamespacePrefix:YourJustifyPanel />
        </ItemsPanelTemplate>
    </ListBox.ItemsPanel>
</ListBox>

You can find out to create a custom Panel from the following links:

How to create a Custom Layout Panel in WPF
Creating Custom Panels In WPF

It will be challenging, but it is possible. Unfortunately, there is no easy option for this requirement. Good luck.

How justify items in a wrap panel?

1 Answers1