Question

我正在尝试收集正确的WPF数据窗口，以获得一个Listview，每个项目都有一个Border + Canvas（请参阅参考资料），然后在该Canvas上为最终节点集合中的每个项目绘制一条线。它几乎可以工作，但目前我没有在画布上画线：在调试输出窗口中我看到：

System.Windows.Data错误：40：BindingExpression路径错误：＆＃39; CalloutGroup＆＃39;在＆＃39; object＆＃39;上找不到的属性＆＃39;＆＃39; CalloutGroup＆＃39; （的HashCode = 35061213）＆＃39 ;. BindingExpression：路径= CalloutGroup;的DataItem =＆＃39; CalloutGroup＆＃39; （的HashCode = 35061213）;目标元素是＆＃39; ItemsControl＆＃39; （名称=＆＃39;＆＃39）;目标属性是＆＃39; ItemsSource＆＃39; （键入＆＃39; IEnumerable＆＃39;）

这是MainWindow.Xaml

<Window
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:CalloutControl" x:Class="CalloutControl.MainWindow"
        Title="MainWindow" Height="430.597" Width="525">
    <Window.Resources>
        <DataTemplate x:Key="LineTemplate">
            <Line X1 ="{Binding X}" X2="{Binding X}" Stroke="Wheat" 
                      StrokeThickness="10" Y1="{Binding Y}" Y2="{Binding Y}"/>
        </DataTemplate>


        <DataTemplate x:Key="GroupTemplate">
        <Border Width="200" Height ="{Binding DistributionHeight}" BorderThickness="5" Background="Brown" BorderBrush="Red">
                <ItemsControl ItemsSource="{Binding Path=CalloutGroup}" 
                          ItemTemplate="{StaticResource LineTemplate}">
                    <ItemsControl.ItemsPanel>
                    <ItemsPanelTemplate>
                        <Canvas Background="Beige"/>
                    </ItemsPanelTemplate>
                </ItemsControl.ItemsPanel>
            </ItemsControl>
        </Border>
        </DataTemplate>
    </Window.Resources>
    <Grid>
        <Border>
        <ListView ItemsSource="{Binding Groups}"
                      ItemTemplate="{StaticResource GroupTemplate}">

        </ListView>
        </Border>
    </Grid>
</Window>

MainWindow.xaml.cs

 using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

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

然后是ViewModel - ＆gt; MainWindowViewModel.cs

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Collections.ObjectModel;

namespace CalloutControl
{
    public class CalloutItem            : INotifyPropertyChanged
    {
        public CalloutItem()
        {

        }
        public CalloutItem (int length,
                   int itemNum,
                     double x,
                    double y ){
                        Length = length;
                        ItemNum = itemNum;
                        X = x;
                        Y =  y;
        }
        private int length;

        public int Length
        {
            get { return length; }
            set
            {
                length = value;
                OnPropertyChanged("Length");
            }
        }
        private int itemNum;

        public int ItemNum
        {
            get { return itemNum; }
            set { itemNum = value;
            OnPropertyChanged("ItemNum");
            }
        }
        //public int      ItemNum;
        private double x;

        public double X
        {
            get { return x; }
            set { x = value;
                  OnPropertyChanged("X");
            }
        }
        private double y;

        public double Y
        {
            get { return y; }
            set { y = value;
            OnPropertyChanged("Y");
            }
        }

        public event PropertyChangedEventHandler PropertyChanged;
        protected void OnPropertyChanged(string name)
        {
            PropertyChangedEventHandler handler = PropertyChanged;
            if (handler != null)
            {
                handler(this, new PropertyChangedEventArgs(name));
            }
        }
    }
    public class CalloutGroup           : INotifyPropertyChanged
    {
        ObservableCollection<CalloutItem> group = new ObservableCollection<CalloutItem>();
        public CalloutGroup(int nItems)
        {
            NumItems = nItems;

        }
        public ObservableCollection<CalloutItem> Group
        {
            get { return group; }
            set
            {
                group = value;
                OnPropertyChanged("Group");
            }
        }
        private double distributionHeight = 400;

        public double DistributionHeight
        {
            get { return distributionHeight; }
            set
            {
                distributionHeight = value;
                Redistribute();
                OnPropertyChanged("DistributionHeight");
            }
        }


        private void Redistribute()
        {
            double step = distributionHeight / numItems;
            double currY = step / 2 ;
            var redistArr = group.ToArray();

            for (int i = 0; i < group.Count(); i++)
            {
                redistArr[i].Y = currY;
                currY += step;
            }
            OnPropertyChanged("Group");
        }
        private int numItems = 10;

        public int NumItems
        {
            get { return numItems; }
            set
            {
                numItems = value;
                group.Clear();
                for (int i = 0; i < numItems; i++)
                {
                    group.Add(new CalloutItem());
                }
                Redistribute();
                OnPropertyChanged("NumItems");
            }
        }
        public event PropertyChangedEventHandler PropertyChanged;
        protected void OnPropertyChanged(string name)
        {
            PropertyChangedEventHandler handler = PropertyChanged;
            if (handler != null)
            {
                handler(this, new PropertyChangedEventArgs(name));
            }
        }
    }

    public class MainWindowViewModel    : INotifyPropertyChanged
    {

        ObservableCollection<CalloutGroup> groups = new ObservableCollection<CalloutGroup>();

        public ObservableCollection<CalloutGroup> Groups
        {
            get { return groups; }
            set { groups = value;
                  OnPropertyChanged("Groups");
            }
        }
        public MainWindowViewModel ()
        {
            groups.Add(new CalloutGroup(3));
            groups.Add(new CalloutGroup(3));

        }


        public event PropertyChangedEventHandler PropertyChanged;

        protected void OnPropertyChanged(string name)
        {
            PropertyChangedEventHandler handler = PropertyChanged;
            if (handler != null)
            {
                handler(this, new PropertyChangedEventArgs(name));
            }
        }
    }
}

Answer 1

看起来你错过了X1绑定中的{}

Answer 2

您的代码存在一些问题：

行具有相同的var xhr = new XMLHttpRequest(); xhr.open('GET', chrome.runtime.getURL('your file path'), true); xhr.onreadystatechange = function() { if (chr.readyState === XMLHttpRequest.DONE && xhr.status === 200) { var text = xhr.responseText; // Do what you want using text } }; xhr.send();和StartPoint，因此即使没有其他错误，此点也不会显示。

在itemTemplate中，而不是

EndPoint

您使用：

<ItemsControl ItemsSource="{Binding Group}"

这是稍微修改过的代码，我在你的代码中添加了X2，Y2。您可以根据自己的需要进行更改。

<ItemsControl ItemsSource="{Binding Path=CalloutGroup}"`

XAML：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace CalloutControl
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            var vm = new MainWindowViewModel();

            vm.Groups.Add(new CalloutControl.CalloutGroup(2));
            vm.Groups.Add(new CalloutControl.CalloutGroup(2));

            vm.Groups[0].Group.Add(new CalloutControl.CalloutItem(10, 1, 0, 100, 200, 100));
            vm.Groups[0].Group.Add(new CalloutControl.CalloutItem(10, 2, 100, 0, 100, 200));

            vm.Groups[1].Group.Add(new CalloutControl.CalloutItem(10, 1, 100, 0, 200, 100));
            vm.Groups[1].Group.Add(new CalloutControl.CalloutItem(10, 2, 100, 200, 200, 100));

            DataContext = vm;
        }
    }
}

namespace CalloutControl
{
    public class CalloutItem : INotifyPropertyChanged
    {
        public CalloutItem()
        {

        }
        public CalloutItem(int length,
                   int itemNum,
                     double _x1,
                    double _y1,
            double _x2,
            double _y2)
        {
            Length = length;
            ItemNum = itemNum;
            X1 = _x1;
            Y1 = _y1;
            X2 = _x2;
            Y2 = _y2;
        }
        private int length;

        public int Length
        {
            get { return length; }
            set
            {
                length = value;
                OnPropertyChanged("Length");
            }
        }
        private int itemNum;

        public int ItemNum
        {
            get { return itemNum; }
            set
            {
                itemNum = value;
                OnPropertyChanged("ItemNum");
            }
        }
        //public int      ItemNum;
        private double x1;
        public double X1
        {
            get { return x1; }
            set
            {
                x1 = value;
                OnPropertyChanged("X1");
            }
        }
        private double y1;
        public double Y1
        {
            get { return y1; }
            set
            {
                y1 = value;
                OnPropertyChanged("Y1");
            }
        }

        private double x2;
        public double X2
        {
            get { return x2; }
            set
            {
                x2 = value;
                OnPropertyChanged("X2");
            }
        }
        private double y2;
        public double Y2
        {
            get { return y2; }
            set
            {
                y2 = value;
                OnPropertyChanged("Y2");
            }
        }

        public event PropertyChangedEventHandler PropertyChanged;
        protected void OnPropertyChanged(string name)
        {
            PropertyChangedEventHandler handler = PropertyChanged;
            if (handler != null)
            {
                handler(this, new PropertyChangedEventArgs(name));
            }
        }
    }
    public class CalloutGroup : INotifyPropertyChanged
    {
        ObservableCollection<CalloutItem> group = new ObservableCollection<CalloutItem>();
        public CalloutGroup(int nItems)
        {
            NumItems = nItems;

        }
        public ObservableCollection<CalloutItem> Group
        {
            get { return group; }
            set
            {
                group = value;
                OnPropertyChanged("Group");
            }
        }
        private double distributionHeight = 200;

        public double DistributionHeight
        {
            get { return distributionHeight; }
            set
            {
                distributionHeight = value;
                Redistribute();
                OnPropertyChanged("DistributionHeight");
            }
        }


        private void Redistribute()
        {
            double step = distributionHeight / numItems;
            double currY = step / 2;
            var redistArr = group.ToArray();

            for (int i = 0; i < group.Count(); i++)
            {
                redistArr[i].Y1 = currY;
                currY += step;
            }
            OnPropertyChanged("Group");
        }
        private int numItems = 10;

        public int NumItems
        {
            get { return numItems; }
            set
            {
                numItems = value;
                group.Clear();
                for (int i = 0; i < numItems; i++)
                {
                    //group.Add(new CalloutItem());
                }
                Redistribute();
                OnPropertyChanged("NumItems");
            }
        }
        public event PropertyChangedEventHandler PropertyChanged;
        protected void OnPropertyChanged(string name)
        {
            PropertyChangedEventHandler handler = PropertyChanged;
            if (handler != null)
            {
                handler(this, new PropertyChangedEventArgs(name));
            }
        }
    }

    public class MainWindowViewModel : INotifyPropertyChanged
    {

        ObservableCollection<CalloutGroup> groups = new ObservableCollection<CalloutGroup>();

        public ObservableCollection<CalloutGroup> Groups
        {
            get { return groups; }
            set
            {
                groups = value;
                OnPropertyChanged("Groups");
            }
        }
        public MainWindowViewModel()
        {

        }


        public event PropertyChangedEventHandler PropertyChanged;

        protected void OnPropertyChanged(string name)
        {
            PropertyChangedEventHandler handler = PropertyChanged;
            if (handler != null)
            {
                handler(this, new PropertyChangedEventArgs(name));
            }
        }
    }
}

在WPF DataTemplate中未绘制线条

2 个答案: