问题数据绑定列表框

Question

我的问题是如何将数据文件附加到 XAML？ 以便数据 Name, Images , Age 显示 ListBox。

有一个类人：

public string Name { get; set; }
public string Images { get; set; }
public string Age { get; set; }

有一个xml文件UsersList（约100个用户）xml文件不断编辑

<?xml version="1.0" encoding="utf-8" ?>
<users>
  <user name="Bill Gates">  
    <images>https://pbs.twimg.com/profile_images/558109954561679360/j1f9DiJi.jpeg</images>
    <age>48</age>
  </user>
  <user name="Larry Page">
    <images>http://www.siliconbeat.com/wp-content/uploads/2015/06/page.jpg</images>
    <age>42</age>
  </user>
</users>

XAML

<ListBox  x:Name="ListBox" Margin="36,10,273,0" >
            <ListBox.DataContext>
                <user:Person/>
            </ListBox.DataContext>
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Horizontal" >
                        <Image Source="{Binding Images}" />
                        <TextBlock Text="{Binding Name}" />
                        <TextBlock Text="{Binding Age}" />
                    </StackPanel>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>

代码隐藏

public MainWindow()
        {
            InitializeComponent();
            Load();
        }
    public void Load()
        {
            Person user = new Person();
            XmlDocument xDoc = new XmlDocument();
            xDoc.Load("UsersList");

            XmlElement xRoot = xDoc.DocumentElement;

            foreach (XmlNode xnode in xRoot)
            {


                if (xnode.Attributes.Count > 0)
                {
                    XmlNode attr = xnode.Attributes.GetNamedItem("name");
                    if (attr != null)
                        user.Name = attr.Value;

                }

                foreach (XmlNode childnode in xnode.ChildNodes)
                {

                    if (childnode.Name == "images")
                    {
                        user.Images = childnode.InnerText;

                    }

                    if (childnode.Name == "age")
                    {
                        user.Age = childnode.InnerText;
                    }
                }

            }

        }

Answer 1

您需要将ListBox.ItemsSource设置为可观察的人员列表 ( ObservableCollection<Person> ) 并在Person类上实现INotifyPropertyChanged接口。

Person user = new Person(); 应该是ObservableCollection<Person> persons = new ObservableCollection<Person>();

然后，您必须在 foreach 循环内创建一个新的Person对象，并将其添加到人员列表中，如下所示：

persons.Add(person);

如果您在更改某人的属性时不需要更新您的列表，那么您实际上并不需要实现INotifyPropertyChanged接口。

Answer 2

您应该将 ListBox 的ItemsSource属性设置为IEnumerable<Person> ：

public MainWindow()
{
    InitializeComponent();
    ListBox.ItemsSource = Load();
}

public List<Person> Load()
{
    XmlDocument xDoc = new XmlDocument();
    xDoc.Load("UsersList");

    XmlElement xRoot = xDoc.DocumentElement;

    List<Person> users = new List<Person>();
    foreach (XmlNode xnode in xRoot)
    {
        Person user = new Person();
        if (xnode.Attributes.Count > 0)
        {
            XmlNode attr = xnode.Attributes.GetNamedItem("name");
            if (attr != null)
                user.Name = attr.Value;
        }

        foreach (XmlNode childnode in xnode.ChildNodes)
        {

            if (childnode.Name == "images")
            {
                user.Images = childnode.InnerText;

            }

            if (childnode.Name == "age")
            {
                user.Age = childnode.InnerText;
            }
        }
        users.Add(user);
    }

    return users;
}

Answer 3

找到下面的代码。

class MainWindow:System.Windows.Window 
{
    List<Person> lstPerson;
    public MainWindow()
    {
        InitializeComponent();
        lstPerson = new List<Person>();
        Load();
    }
    public void Load()
    {

        XmlDocument xDoc = new XmlDocument();
        xDoc.Load("UsersList");

        XmlElement xRoot = xDoc.DocumentElement;

        foreach (XmlNode xnode in xRoot)
        {
            Person user = new Person();

            if (xnode.Attributes.Count > 0)
            {
                XmlNode attr = xnode.Attributes.GetNamedItem("name");
                if (attr != null)
                    user.Name = attr.Value;

            }

            foreach (XmlNode childnode in xnode.ChildNodes)
            {

                if (childnode.Name == "images")
                {
                    user.Images = childnode.InnerText;

                }

                if (childnode.Name == "age")
                {
                    user.Age = childnode.InnerText;
                }
            }

            lstPerson.Add(user)

        }

        ListBox.itemsSource= lstPerson

    }
}    

下面是 Xaml 部分

<ListBox  x:Name="ListBox" Margin="36,10,273,0" >            
        <ListBox.ItemTemplate>
            <DataTemplate>
                <StackPanel Orientation="Horizontal" >
                    <Image Source="{Binding Images}" />
                    <TextBlock Text="{Binding Name}" />
                    <TextBlock Text="{Binding Age}" />
                </StackPanel>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>

对于图像源绑定

您不能提供 http 地址作为图片来源。 在这里，您需要一个转换器，它可以从网络下载图像并创建图像并返回源。