如何在表达式混合中使用 ListBoxItems？

Question

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

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

Answer 1

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

        <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" });
    }
}

我的数据 object 被称为 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) 时得到更新。 图像需要作为内容添加，并且应该始终复制以确保它们在设备上。 完成的应用程序如下所示：

我希望这有帮助。

杰森。