绑定的ItemsControl中的按钮应该是水平的

时间:2016-06-02 08:55:55

标签: wpf wpf-controls itemscontrol

我有这个XAML:

            <WrapPanel Orientation="Horizontal" Margin="10" HorizontalAlignment="Center">
            <ItemsControl ItemsSource="{Binding Raccourcis}">
                <ItemsControl.ItemTemplate>
                    <DataTemplate>
                        <Button Content="{Binding Contenu}" Width="25" Height="25" />
                    </DataTemplate>
                </ItemsControl.ItemTemplate>
            </ItemsControl>
        </WrapPanel>

在上下文方面,我有:

    public ObservableCollection<Raccourci> Raccourcis
    {
        get
        {
            return m_raccourcis;
        }

        set
        {
            m_raccourcis = value;
            OnPropertyChanged("Raccourcis");
        }
    }

public class Raccourci
{
    public string Contenu { get; set; }
}

我只想让按钮水平显示但是我得到了:

screenshot

我希望他们有一个水平的对齐。不幸的是,这个答案ItemsControl with horizontal orientation在我的案例中似乎并不相关......

1 个答案:

答案 0 :(得分:0)

这个XAML解决了这个问题:

<ItemsControl ItemsSource="{Binding Raccourcis}">

    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <StackPanel Orientation="Horizontal" />
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>

    <ItemsControl.ItemTemplate>
         <DataTemplate>
              <Button Content="{Binding Contenu}" Width="25" Height="25" />
         </DataTemplate>
    </ItemsControl.ItemTemplate>

</ItemsControl>

result