将对象添加到显示按钮的 WPF 面板

Question

我想将对象动态添加到 ObservationCollection，然后应该将带有对象字段内容（值）的按钮添加到面板。

App.xaml.cs 使用 System.Windows;

namespace WpfApp1
{
    public partial class App : Application
    {

    }
}

MainWindow.xaml

<Window x:Class="WpfApp1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <ItemsControl Name="dashboardList">
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <Button Content="{Binding Name}" />
                </DataTemplate>
            </ItemsControl.ItemTemplate>

        </ItemsControl>
    </Grid>
</Window>

DashboadViewModel.cs

using System.Collections.ObjectModel;

namespace WpfApp1
{
    public class DashboardViewModel
    {
        public ObservableCollection<Dashboard> Dashboards { get; set; }

        public DashboardViewModel()
        {
            LoadDashboards();
        }

        public void LoadDashboards()
        {
            ObservableCollection<Dashboard> dashboards = new ObservableCollection<Dashboard>();

            dashboards.Add(new Dashboard { Name = "Dashboard1" });
            dashboards.Add(new Dashboard { Name = "Dashboard2" });

            Dashboards = dashboards;
        }
    }
}

Dashboard.cs

namespace WpfApp1
{
    public class Dashboard
    {
        public string Name;
    }
}

如何创建按钮，ItemControl 是否正确？

Answer 1

public string Name 应更改为 public 属性以支持数据绑定：

public class Dashboard
{
    public string Name { get; set; }
}

除此之外，应将 DashboardViewModel 实例分配给 Window 的 DataContext 属性并绑定 ItemsControl 的 ItemsSource 属性像这样：

<Window ...
    xmlns:local="clr-namespace:WpfApp1">

    <Window.DataContext>
        <local:DashboardViewModel/>
    </Window.DataContext>

    <Grid>
        <ItemsControl ItemsSource="{Binding Dashboards}">
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <Button Content="{Binding Name}" />
                </DataTemplate>
            </ItemsControl.ItemTemplate>
        </ItemsControl>
    </Grid>
</Window>

如有必要，您可以像这样在Window的代码后面访问视图模型实例：

var vm = (DashboardViewModel)DataContext;
vm.LoadDashboards();

将对象添加到显示按钮的 WPF 面板

Adding objects to WPF Panel displaying buttons

c#

wpf

xaml

panel