为什么我的矩形没有显示？

Question

我不明白为什么我的矩形没有显示。 我做了xaml，数据绑定了画布，并正确地初始化了。 我错过了什么，使其仅显示空白屏幕。 它应该显示一个数字8。

模型：

namespace Final
{
    class Model : INotifyPropertyChanged
    {
        // define our property chage event handler, part of data binding
        public event PropertyChangedEventHandler PropertyChanged;

        // implements method for data binding to any and all properties
        private void OnPropertyChanged(string propertyName)
        {
            if (PropertyChanged != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
            }

        }

        private double _topTopHorizontal;
        public double topTopHorizontal
        {
            get { return _topTopHorizontal; }
            set
            {
                _topTopHorizontal = value;
                OnPropertyChanged("topTopHorizontal");
            }
        }

        private double _leftTopHorizontal;
        public double leftTopHorizontal
        {
            get { return _leftTopHorizontal; }
            set
            {
                _leftTopHorizontal = value;
                OnPropertyChanged("leftTopHorizontal");
            }
        }


        public void initModel()
        {
            topTopHorizontal = 50;
            leftTopHorizontal = 50;
        }








    }
}

主要

    public partial class MainWindow : Window
    {
        private Model model;
        public MainWindow()
        {
            InitializeComponent();


        }

        private void WindowLoaded(object sender, RoutedEventArgs e)
        {
            // create an instance of our Model
            model = new Model();
            model.initModel();



        }






    }
}

Answer 1

您尚未为此窗口设置DataContext。

在构造函数中添加：

public MainWindow()
    {
        InitializeComponent();

        model = new Model();

        DataContext = model;
    }

因此，您的窗口可以访问“ leftTopHorizo​​ntal”和“ topTopHorizo​​ntal”。

在您的xaml更改中：

Canvas.Top ="{Binding topTopHorizontal}"
Canvas.Left="{Binding leftTopHorizontal}"

有：

Canvas.Top ="{Binding model.topTopHorizontal}"
Canvas.Left="{Binding model.leftTopHorizontal}"