Question

如何在ListView中制作图像项？我需要在没有xaml的情况下完成，只需要C＃。我正在冲浪约40分钟而且没有找到。我尝试过很多东西而且我在这里停了下来在第一列中，我只看到“System.Windows.Controls.StackPanel”。

 public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();
        GridView grView = new GridView();
        GridViewColumn gwCol1 = new GridViewColumn();
        GridViewColumn gwCol2 = new GridViewColumn();
        gwCol1.Header = "Avatar";
        gwCol2.Header = "Name";
        gwCol2.DisplayMemberBinding = new Binding("name");
        gwCol1.DisplayMemberBinding = new Binding("stack");
        grView.Columns.Add(gwCol1);
        grView.Columns.Add(gwCol2);
        listView1.View = grView;
        //
        var list = new List<XData>();
        listView1.ItemsSource = list;
        // 
        BitmapImage image1 = new BitmapImage(new Uri(@"C:\Users\montana\OneDrive\Pictures\Saved Pictures\WVQfZqY.jpg"));
        Image img = new Image();
        img.Width = 100;
        img.Height = 100;
        img.Source = image1;
        StackPanel stackPanel1 = new StackPanel();
        stackPanel1.Orientation = Orientation.Horizontal;
        stackPanel1.Children.Add(img);
        list.Add(new XData() { name="hola", stack=stackPanel1 });

    }
}


class XData
{
    public string name { get; set; }
   // public string url { get; set; }
    public StackPanel stack { get; set; }
}

Answer 1

这是产生想要结果的东西。

更改XData定义以避免在那里有视图元素（你没有提到MVVM，但坚持下去）：

class XData
{
    public string Name { get; set; }
    public string Path { get; set; }
}

现在您可以在xaml中定义数据模板（通用解决方案）或generate it in code behind，如下所示：

var factory = new FrameworkElementFactory(typeof(Image));
factory.SetValue(Image.SourceProperty, new Binding(nameof(XData.Path)));
factory.SetValue(Image.WidthProperty, 100.0);
factory.SetValue(Image.HeightProperty, 100.0);
var dataTemplate = new DataTemplate { VisualTree = factory };

数据模板可能会像您希望的那样复杂，但显然在xaml中定义它然后使用FindResource()加载会更容易，请考虑使用此选项。

然后必须将此datatemplate指定为CellTemplate，如下所示：

GridView grView = new GridView();
grView.Columns.Add(new GridViewColumn { Header = "Avatar", CellTemplate = dataTemplate });
grView.Columns.Add(new GridViewColumn { Header = "Name", DisplayMemberBinding = new Binding(nameof(XData.Name)) });
listView1.View = grView;

注意：您不应将DisplayMemberBinding用于CellTemplate的列。

现在，最后，您可以像往常一样设置ListView来填充ItemSource：

var list = new List<XData>();
list.Add(new XData { Name = "hola", Path = @"c:\temp\1.jpg" });
list.Add(new XData { Name = "hola2", Path = @"c:\temp\2.png" });
listView1.ItemsSource = list;

将图像添加到ListView C＃WPF（不带xaml）

1 个答案: