DataBinding 在 WPF 中动态创建 jpeg

Question

在我的 WPF 应用程序中，我动态创建 jpeg 文件。它们被保存在 bin/Debug 或 bin/Release 中。

我有一个数据绑定 WrapPanel ，其中包含一个使用 ValueConverter 的图像控件，如下所示：

public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
{
    return new Uri(value.ToString(), UriKind.RelativeOrAbsolute);
}

value 的示例值为 Images\400\26.jpg 我假设默认情况下在 bin\Debug 或 bin\Release 中查找。

我的问题是我似乎无法将图像控件数据绑定到动态创建的 jpeg。但我可以将数据绑定到我标记为 Include 且其 BuildAction 为 Content 的其他 jpeg。

如何将数据绑定到编译时不存在的动态创建的图像？

Answer 1

您可以创建图像路径集合，并向其中添加每个新创建的图像的路径。现在您可以将您的包装面板绑定到该集合。

您可以在 ViewModel 类中实现此集合，然后使此 ViewModel 类成为您的 DataContext，并使用转换器将您的 wrapPanel 绑定到该集合。

编辑：这是一个示例文件：

MainWindowViewModel.cs：

using System;
using System.ComponentModel;
using System.Collections.ObjectModel;

namespace wpfJpegBindingSample
{
    class MainWindowViewModel : INotifyPropertyChanged
    {
        #region INotifyPropertyChanged 
        public event PropertyChangedEventHandler PropertyChanged;

        // Create the OnPropertyChanged method to raise the event
        protected void OnPropertyChanged(string name)
        {
            PropertyChangedEventHandler handler = PropertyChanged;
            if (handler != null)
            {
                handler(this, new PropertyChangedEventArgs(name));
            }
        }
        #endregion

        //constructor
        public MainWindowViewModel()
        {
            m_imagesList = new ObservableCollection<Uri>();
        }

        //collection of images' Uris
        private ObservableCollection<Uri> m_imagesList;

        //property for the collection (so you can bind to it)
        public ObservableCollection<Uri> ImagesList
        {
            get 
            {
                return m_imagesList;
            }
        }

        //an Add method that update the bindings
        public void Add(Uri uri)
        {
            ImagesList.Add(uri);
            OnPropertyChanged("ImagesList");
        }

    }
}

MainWindow.xaml.cs：

using System.Windows;

namespace wpfJpegBindingSample
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            this.DataContext = m_viewModel = new MainWindowViewModel();
        }

        private MainWindowViewModel m_viewModel;
    }
}

MainWindow.xaml：

<Window x:Class="wpfJpegBindingSample.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>
        <ListView ItemsSource="{Binding ImagesList}">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <WrapPanel>
                        <Image Source="{Binding}"/>
                    </WrapPanel>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>

    </Grid>
</Window>

如您所见，在视图模型中我们定义了图像Uris的集合。
在后面的主窗口代码中，我们将该视图模型的对象设置为窗口数据上下文，并在 xaml 中将 listView（或您选择的任何其他控件）的 Item 源设置为绑定属性 ImagesList，在我们的数据中上下文即视图模型。

最后，我们可以修改您的动态 jpeg 创建器函数：

        private void dynamicallyJpegCreator(string newImagePath)
        {

            // Creating Image code
            // .....
            // Create new image at newImagePath

            m_viewModel.Add(new System.Uri(newImagePath, System.UriKind.RelativeOrAbsolute));

        }

此时您将获得一个列表视图，显示动态创建的图像列表