5

我有一个 ObservableCollection 按钮：

public partial class MainWindow : Window   
     {
        public ObservableCollection<Button> myBtCollection { get; set; }

        public MainWindow()
        {
            InitializeComponent();

            myBtCollection = new ObservableCollection<Button>();

            Button bot1 = new Button { Width = 200, Height = 25, Content = "Boton 1" };
            Button bot2 = new Button { Width = 150, Height = 50, Content = "Boton 2" };
            Button bot3 = new Button { Width = 100, Height = 100, Content = "Boton 3" };

            myBtCollection.Add(bot1);
            myBtCollection.Add(bot2);
            myBtCollection.Add(bot3);
            myBtCollection.Add(bot1);
            myBtCollection.Add(bot3);
            myBtCollection.Add(bot2);
            myBtCollection.Add(bot1);
        }
    }

我想将该集合绑定到我的 StackPanel（在此示例中，它是一个常量集合，但最终它将是可变的）。这是我的 XAML：

<Window x:Name="mainWindow" x:Class="WpfApplication2.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">

    <Grid>
        <StackPanel x:Name="stack">

        </StackPanel>

        <ItemsControl  Width="Auto" 
                       Height="Auto"
                       ItemsSource="{Binding ElementName=mainWindow, Path=myBtCollection}">      
        </ItemsControl>


    </Grid>
</Window>

我读过它可以通过使用 ItemsControl 来实现，但我不知道如何完成它。（我需要在后面的代码中设置 DataContext 吗？）

4

2 回答 2

5

我同意@inxs 的评论。InitializeComponent()但是在创建 myBtCollection 之后让这项工作动起来

public MainWindow()
{
    myBtCollection = new ObservableCollection<Button>();
    ...

    InitializeComponent();
}

或为myBtCollection. _

于 2013-05-27T12:31:05.677 回答
4
  1. ItemsControl 已经使用了 Vertical StackPanel。
  2. 您不能将数据绑定到用于可视布局的 StackPanel。

如果您希望使用不同的面板或更改 StackPanels 方向，您可以使用 ItemsControl 上的属性“ItemsPanel”并将其设置如下：

<ItemsControl.Style>
            <Style TargetType="{x:Type ItemsControl}">
                <Setter Property="ItemsPanel">
                    <Setter.Value>
                        <ItemsPanelTemplate>
                            <StackPanel Orientation="Horizontal"/>
                        </ItemsPanelTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
 </ItemsControl.Style>
于 2013-05-27T12:24:58.813 回答