如何在表达式混合中使用 ListBox 项？答案

【问题标题】：howto work with ListBoxItems in expression blend?如何在表达式混合中使用 ListBox 项？
【发布时间】：2011-07-12 04:41:05
【问题描述】：

我有一个问题，我创建了一个 ListBoxItem 在expression blend 中，它有一个StackPanel，其中包含一个Image 和TextBlock。

问题是，我不知道如何设置一个属性来访问图像和文本块来设置它。我可以创建新项目，但如何设置图像 url 和文本？

【问题讨论】：

如果您能提供 XAML 和您要绑定的数据结构，将会提供更好的帮助。

标签： windows-phone-7

【解决方案1】：

XAML 需要绑定到数据源中的属性，并且需要设置 ListBox 的 ItemsSource。我在下面包含生成所示屏幕截图的 xaml 和 .cs。我还包含了一个包含数据的简单类。

        <ListBox x:Name="myItems">
            <ListBox.ItemTemplate>
                <DataTemplate >
                    <StackPanel Orientation="Horizontal">
                        <Image Source="{Binding image}" Margin="5" />
                        <TextBlock Text="{Binding myName}" VerticalAlignment="Center" />
                    </StackPanel>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>

MainPage 的 .cs 应包括：

public partial class MainPage : PhoneApplicationPage
{
    ObservableCollection<dataItem> items;

    public MainPage()
    {
        InitializeComponent();
        items = new ObservableCollection<dataItem>();
        addItems();
        this.myItems.ItemsSource = items;
    }

    private void addItems()
    {
        items.Add(new dataItem() { myName = "Jason", image = "1.png" });
        items.Add(new dataItem() { myName = "Joanne", image = "2.png" });
    }
}

我的数据对象名为 dataItem，如下所示：

public class dataItem : INotifyPropertyChanged
{

    private string _name = "";
    public string myName
    {
        get
        {
            return _name;
        }
        set
        {
            if (value != _name)
            {
                _name = value;
                NotifyPropertyChanged("myName");
            }
        }
    }

    private string _image = "";
    public string image
    {
        get
        {
            return _image;
        }
        set
        {
            if (_image != value)
                _image = value;
            NotifyPropertyChanged("image");
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;
    public void NotifyPropertyChanged(string propertyName)
    {
        PropertyChangedEventHandler handler = PropertyChanged;
        if (handler != null)
        {
            handler(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}

我已实现 INotifyPropertyChanged 以确保 UI 在新项目添加到数据源 (dataItem) 时得到更新。图片需要作为内容添加，并且应该始终复制以确保它们在设备上。完成的应用程序如下所示：

我希望这会有所帮助。

杰森。

【讨论】：