WPF实战项目七：设计备忘录界面

设计好的界面如下：

可以大体的判断出备忘录界面和待办事项界面基本一致，我们就可以把待办事项界面的代码复制到备忘录界面，稍微修改即可：

MemoViewModel.cs代码：

public class MemoViewModel : BindableBase
    {
        public MemoViewModel()
        {
            MemoDtos = new ObservableCollection();
            CreateMemoList();
            AddCommand = new DelegateCommand(Add);
        }

        private void Add()
        {
            IsIsRightDrawerOpens = true;
        }

        public DelegateCommand AddCommand { get; private set; }
        private bool isIsRightDrawerOpens;

        public bool IsIsRightDrawerOpens
        {
            get { return isIsRightDrawerOpens; }
            set { isIsRightDrawerOpens = value; RaisePropertyChanged(); }
        }

        private ObservableCollection memoDtos;

        public ObservableCollection MemoDtos
        {
            get { return memoDtos; }
            set { memoDtos = value; RaisePropertyChanged(); }
        }
        private void CreateMemoList()
        {
            for (int i = 1; i < 36; i++)
            {
                MemoDtos.Add(new MemoDto()
                {
                    Title = "备忘录" + i,
                    Content = "我的密码是..."
                });
            }

        }
    }

MemoView.xaml代码如下：

F5运行项目：

发现一个问题，当数据多了之后，不能滚动，所以添加滚动条，之前待办事项界面也要相应的添加滚动条。 

 另外，在打开待办事项或备忘录的时候设置一个打开的动画，可以用到MaterialDesign里面的动画，设置打开过程当中的动画类型。

    ......

 打开会显示动画效果：