{"id":1577,"date":"2023-05-28T22:07:01","date_gmt":"2023-05-28T14:07:01","guid":{"rendered":"https:\/\/sanlangcode.com\/?p=1577"},"modified":"2023-05-28T22:07:01","modified_gmt":"2023-05-28T14:07:01","slug":"wpf%e5%ad%a6%e4%b9%a003%e8%ae%be%e8%ae%a1%e6%a8%a1%e5%bc%8fmvvm%e5%ae%9e%e7%8e%b0","status":"publish","type":"post","link":"https:\/\/sanlangcode.com\/index.php\/2023\/05\/28\/wpf%e5%ad%a6%e4%b9%a003%e8%ae%be%e8%ae%a1%e6%a8%a1%e5%bc%8fmvvm%e5%ae%9e%e7%8e%b0\/","title":{"rendered":"WPF\u5b66\u4e6003\u8bbe\u8ba1\u6a21\u5f0fMVVM\u5b9e\u73b0\u3010\u8f6c\u3011"},"content":{"rendered":"\n

1. \u6982\u8ff0<\/h2>\n\n\n\n

MVVM \u662fWPF\u4e2d\u5e38\u7528\u7684\u6a21\u5f0f: Model View ViewModel.<\/p>\n\n\n\n

\u5176\u4e2d ViewModel \u5728\u5728View \u548c Model\u4e2d\u8d77\u7740\u53cc\u5411\u8fde\u63a5\u7684\u4f5c\u7528.<\/p>\n\n\n\n

\u5728WPF\u4e2d MVVM\u7684\u8fd0\u884c\u6d41\u7a0b\u5982\u4e0b:<\/p>\n\n\n\n

2.\u5b9e\u73b0<\/h2>\n\n\n\n

2.1 \u5b9a\u4e49 Model<\/h3>\n\n\n\n

\u5148\u5b9a\u4e49\u663e\u793a\u6240\u9700\u7684\u6570\u636e\u6a21\u578b Person:<\/p>\n\n\n\n

namespace<\/strong> WPFDemo.DataBinding<\/strong> {\n    public<\/strong> class<\/strong> Person<\/strong>{\n\n        public<\/strong> string Name { get<\/strong>; set<\/strong>; }\n\n        public<\/strong> int Age { set<\/strong>; get<\/strong>; }\n    }\n}<\/code><\/pre>\n\n\n\n
2.2 \u5b9a\u4e49\u547d\u4ee4 Command<\/h3>\n\n\n\n
\u5728MVVM\u4e2dView\u901a\u8fc7 Command \u6765\u901a\u77e5 ViewModel \u8fdb\u884c\u903b\u8f91\u64cd\u4f5c. \u73b0\u5b9a\u4e49\u4e00\u4e2a\u67e5\u8be2\u7684Command:<\/p>\n\n\n\n
namespace<\/strong> WPFDemo.DataBinding<\/strong> {\n    public<\/strong> class<\/strong> QueryCommand<\/strong> : ICommand<\/strong> {\n\n        private<\/strong> Action executeAction;\n        private<\/strong> Func<bool> canExecuteFun;\n\n        public<\/strong> QueryCommand<\/strong>(Action executeAction) : this<\/strong>(executeAction, null<\/strong>) {\n\n        }\n\n        public<\/strong> QueryCommand<\/strong>(Action executeAction, Func<bool> canExecuteFun) {\n            this<\/strong>.executeAction = executeAction ?? throw<\/strong> new<\/strong> ArgumentNullException(nameof<\/strong>(executeAction));\n            this<\/strong>.canExecuteFun = canExecuteFun;\n        }\n\n        public<\/strong> void<\/strong> Execute<\/strong>(object parameter) {\n            executeAction();\n        }\n\n        public<\/strong> bool CanExecute<\/strong>(object parameter) {\n            return<\/strong> canExecuteFun == null<\/strong> ? true<\/strong> : canExecuteFun();\n        }\n\n        public<\/strong> event<\/strong> EventHandler CanExecuteChanged {\n            add<\/strong> {\n                if<\/strong> (canExecuteFun != null<\/strong>) {\n                    CommandManager.RequerySuggested += value<\/strong>;\n                }\n            }\n            remove<\/strong> {\n                if<\/strong> (canExecuteFun != null<\/strong>) {\n                    CommandManager.RequerySuggested -= value<\/strong>;\n                }\n            }\n        }\n    }\n}<\/code><\/pre>\n\n\n\n
2.3 \u5b9a\u4e49ViewModel<\/h3>\n\n\n\n
\u5728 ViewModel \u4e2d\u6570\u636e\u53d1\u751f\u53d8\u5316\u9700\u8981\u81ea\u52a8\u663e\u793a\u5728View\u4e0a, \u6240\u4ee5\u9700\u8981\u5b9e\u73b0 INotifyPropertyChanged<\/code>\u63a5\u53e3<\/p>\n\n\n\n
namespace<\/strong> WPFDemo.DataBinding<\/strong> {\n    public<\/strong> class<\/strong> DataBindingViewModule<\/strong> : INotifyPropertyChanged<\/strong> {\n        \/\/\u4fdd\u5b58\u7528\u6237\u8f93\u5165\u7684\u6570\u636e\n        private<\/strong> string searchText;\n\n        public<\/strong> string SearchText {\n            get<\/strong> => searchText;\n            set<\/strong> {\n                searchText = value<\/strong>;\n                RaisePropertyChanged(nameof<\/strong>(SearchText));\n            }\n        }\n        \/\/\u67e5\u8be2\u7684\u7ed3\u679c\n        private<\/strong> ObservableCollection<Person> resultList;\n\n        public<\/strong> ObservableCollection<Person> ResultList {\n            get<\/strong> => resultList;\n            private<\/strong> set<\/strong> {\n                resultList = value<\/strong>;\n                RaisePropertyChanged(nameof<\/strong>(ResultList));\n            }\n        }\n\n        \/\/ \u57fa\u7840\u6570\u636e\n        public<\/strong> ObservableCollection<Person> Persons { get<\/strong>; private<\/strong> set<\/strong>; }\n\n        \/\/\u67e5\u8be2\u547d\u4ee4 \u7ed1\u5b9a\u5230\u6309\u94ae\n        public<\/strong> ICommand QueryCommand {\n            get<\/strong> => new<\/strong> QueryCommand(Searching, CanSearch);\n        }\n\n        public<\/strong> DataBindingViewModule<\/strong>() {\n            Persons = new<\/strong> ObservableCollection<Person> {\n                new<\/strong> Person() {Name = \"zhangsan\", Age = 11},\n                new<\/strong> Person() {Name = \"lisi\", Age = 10},\n                new<\/strong> Person() {Name = \"wangwu\", Age = 11}\n            };\n            ResultList = Persons;\n        }\n\n        \/\/ \u641c\u7d22\u903b\u8f91\n        private<\/strong> void<\/strong> Searching<\/strong>() {\n            if<\/strong> (string.IsNullOrEmpty(SearchText)) {\n                ResultList = Persons;\n            } else<\/strong> {\n                ObservableCollection<Person> collection = new<\/strong> ObservableCollection<Person>();\n                foreach<\/strong> (var<\/strong> person in<\/strong> Persons) {\n                    if<\/strong> (person.Name.Contains(SearchText)) {\n                        collection.Add(person);\n                    }\n                }\n\n                if<\/strong> (collection.Count != 0) {\n                    ResultList = collection;\n                }\n            }\n        }\n\n        \/\/\u662f\u5426\u53ef\u641c\u7d22\n        private<\/strong> bool CanSearch<\/strong>() {\n            return<\/strong> true<\/strong>;\n        }\n\n        public<\/strong> event<\/strong> PropertyChangedEventHandler PropertyChanged;\n\n        [NotifyPropertyChangedInvocator]\n        protected<\/strong> virtual<\/strong> void<\/strong> RaisePropertyChanged<\/strong>(string propertyName) {\n            PropertyChanged?.Invoke(this<\/strong>, new<\/strong> PropertyChangedEventArgs(propertyName));\n        }\n    }\n}<\/code><\/pre>\n\n\n\n
2.4 \u5b9a\u4e49\u754c\u9762<\/h3>\n\n\n\n
\u754c\u9762\u5f88\u7b80\u5355, \u4e00\u4e2a\u8868\u683c\u663e\u793a\u6240\u6709\u7684\u4fe1\u606f, \u4e00\u4e2a\u8f93\u5165\u6846\u8ba9\u7528\u6237\u8f93\u5165\u67e5\u8be2\u6761\u4ef6, \u70b9\u51fb\u67e5\u8be2\u6309\u94ae \u8fdb\u884c\u7ed3\u679c\u67e5\u8be2, \u7ed3\u679c\u81ea\u52a8\u663e\u793a\u66f4\u65b0\u5230\u754c\u9762.<\/p>\n\n\n\n
<Page<\/strong> x:Class=\"WPFDemo.DataBinding.DataBindingPage\"\n      xmlns=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\/presentation\"\n      xmlns:x=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\"\n      xmlns:mc=\"http:\/\/schemas.openxmlformats.org\/markup-compatibility\/2006\" \n      xmlns:d=\"http:\/\/schemas.microsoft.com\/expression\/blend\/2008\"\n      xmlns:local=\"clr-namespace:WPFDemo.DataBinding\"\n      mc:Ignorable=\"d\" \n      d:DesignHeight=\"450\" d:DesignWidth=\"800\"\n      Title=\"DataBindingPage\">\n\n    <Page.DataContext<\/strong>>\n        <local:DataBindingViewModule<\/strong>\/>\n    <\/Page.DataContext<\/strong>>\n\n    <Grid<\/strong>>\n        <Grid.RowDefinitions<\/strong>>\n            <RowDefinition<\/strong> Height=\"50\"\/>\n            <RowDefinition<\/strong>\/>\n        <\/Grid.RowDefinitions<\/strong>>\n        <Grid.ColumnDefinitions<\/strong>>\n            <ColumnDefinition<\/strong>\/>\n            <ColumnDefinition<\/strong>\/>\n        <\/Grid.ColumnDefinitions<\/strong>>\n\n        <TextBox<\/strong>\n            x:Name=\"SearchTb\" Text=\"{Binding Path=SearchText, Mode=TwoWay}\"\n            HorizontalAlignment=\"Center\" VerticalAlignment=\"Center\"\n            Grid.Row=\"0\" Grid.Column=\"0\" Width=\"320\"\/>\n        <Button<\/strong>\n            x:Name=\"QueryBtn\" Command=\"{Binding QueryCommand}\"\n            Height=\"32\" Width=\"48\" Content=\"Query\" Grid.Row=\"0\" Grid.Column=\"1\"\n            HorizontalAlignment=\"Center\" VerticalAlignment=\"Center\"\/>\n\n        <DataGrid<\/strong> \n            x:Name=\"ResultDg\" ItemsSource=\"{Binding Path=ResultList}\"\n            Grid.Row=\"1\" Grid.ColumnSpan=\"2\" Grid.Column=\"0\" Width=\"400\" IsReadOnly=\"True\"\n            VerticalAlignment=\"Top\" HorizontalAlignment=\"Center\">\n        <\/DataGrid<\/strong>>\n    <\/Grid<\/strong>>\n<\/Page<\/strong>><\/code><\/pre>\n\n\n\n
2.5 \u8fd0\u884c\u6548\u679c<\/h3>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
3. \u9879\u76ee\u4ee3\u7801<\/h2>\n\n\n\n
\u6b64\u9879\u76ee\u4ee3\u7801\u5728\u6b64:<\/p>\n\n\n\n
WPFDemo\/DataBinding at master \u00b7 Dev-Wiki\/WPFDemo]<\/p>\n\n\n\n
(https:\/\/github.com\/Dev-Wiki\/WPFDemo\/tree\/master\/DataBinding<\/a>)<\/p>\n","protected":false},"excerpt":{"rendered":"
1. \u6982\u8ff0 MVVM \u662fWPF\u4e2d...<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[32,36,35],"tags":[37],"class_list":["post-1577","post","type-post","status-publish","format-standard","hentry","category-c","category-wpf","category-xaml","tag-wpf"],"_links":{"self":[{"href":"https:\/\/sanlangcode.com\/index.php\/wp-json\/wp\/v2\/posts\/1577","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sanlangcode.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sanlangcode.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sanlangcode.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sanlangcode.com\/index.php\/wp-json\/wp\/v2\/comments?post=1577"}],"version-history":[{"count":0,"href":"https:\/\/sanlangcode.com\/index.php\/wp-json\/wp\/v2\/posts\/1577\/revisions"}],"wp:attachment":[{"href":"https:\/\/sanlangcode.com\/index.php\/wp-json\/wp\/v2\/media?parent=1577"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sanlangcode.com\/index.php\/wp-json\/wp\/v2\/categories?post=1577"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sanlangcode.com\/index.php\/wp-json\/wp\/v2\/tags?post=1577"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}