Kiba518

Kiba518

沈阳-架构-开发。

Fork me on GitHub

【我们一起写框架】MVVM的WPF框架(四)—DataGrid

前言

这个框架写到这里,应该有很多同学发现,框架很多地方的细节,其实是违背了MVVM的设计逻辑的。

没错,它的确是违背了。

但为什么明知道违背设计逻辑,还要这样编写框架呢?

那是因为,我们编写的是框架,是使用MVVM的概念编写框架,而并不是要完美的实现MVVM设计。

两者有什么区别呢?区别就是前者是实战,后者只是个理念。

在实战架构中,并不是UI的东西都一定要放在UI层写,逻辑的东西放在逻辑层写的。因为,架构的目的是让程序员更好的写代码,而不是让代码死死的固定在某一层。

所以,我们在编写框架时,设计模式中该切割的东西,就不要犹豫的切割。因为,架构师是设计模式的使用者,而不是被使用者。

举个例子,当你的逻辑全部提取到某一层中以后,你突然发现,该逻辑执行过程中要弹出提示框,但提示框又是属于UI层的,此时你犹豫了,把提示框移动到逻辑层,不符合设计理念,但不在逻辑层做,开发又很难受。

遇到这样的情况,我们该怎么做呢?

很简单,让设计理念去死吧,不要犹豫,直接把弹出提示框封装到逻辑层中即可。

现实中,设计逻辑永远是要向开发逻辑低头的,因为实战永远高于理论。

框架是什么?

框架就是规则,规则在人类社会被称之为法律;换言之,框架是代码界的法律。

人类社会建立法律之初,是抱着人人守法,秩序稳定的理想的。

可现实是残酷的,总有人,因为各种原因,践踏法律。

事实上,代码界也一样,总是会那不守规矩的程序员触犯法律,他们会让代码跨边界引用类库,或者拒绝使用接口声明对象等等。

为什么不能准守规则呢?

因为他们想更快速的完成任务,所以他们不惜触犯法律,也要拼一次一夜暴富。。。

所以,架构师作为代码界的人民警察,一定要做好惩治工作。。。

因为,当一个坏代码出现后,马上就会有若干个类似的坏代码出现,犹如劣币逐良币一样,时间一长,框架就会被破坏。

接着好代码就得依赖着坏代码写。

当坏代码多了到一定程度,好代码就会变成Bug了。。。

所以,任重道远,人民警察还需警惕。。。

为什么要编写数据控件

我们之前编写的数据控件功能相对单一;完全可以用属性和事件代替,所以有些同学会觉得,数据控件好像没什么用。

其实不然,现实中我们要处理的逻辑,并不是简单的对象属性一对一绑定就能处理解决的。

我们需要做很多操作,其中也包括UI操作。而数据控件就是用来应对这种复杂的UI操作的。

因为数据控件通过绑定UI控件后,已经将复杂的UI操作,变成了简单的数据逻辑操作了。

如果没有数据控件,那当我们实现一个控件联动时,就得在Xaml.cs文件中处理了。

如果该控件联动还要触发数据变化,那我们就又得从Xaml.cs文件中,穿越回ViewModel中处理逻辑了;亦或者,我们直接在Xaml.cs文件中处理数据逻辑。

不论哪种模式,都会将我们好容易做的逻辑层与UI层混淆到一起。而这个问题,并不是一个弹出框那么简单的UI越界问题,因为它包含了更多复杂的业务逻辑。

数据控件解决这个烦恼。

我们通过数据控件,实现了控件是控件,数据是数据,清晰的,层次分离;并且通过简洁的绑定,实现了数据变化与控件变化同步。

DataGrid数据控件

DataGrid数据控件可以说是数据控件的精髓了,因为DataGrid相对复杂,不像其他的数据控件那样功能单一。

所以,当然我们学习了DataGrid数据控件后,就可以更好的理解,数据控件的意义了。

下面我们先看下DataGrid数据控件的代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
public class DataGrid<T> : Control<T>
{
    private Action<T> LoadAction = null;
    public Action<T> SelectCallBack = null;
    private Func<object, bool> DataFilter = null;
    
    #region 分页
    private volatile int _CurrentPage = 1;
    public int CurrentPage
    {
        get { return _CurrentPage; }
        set
        {
            _CurrentPage = value;
            if (_CurrentPage > PageCount)
            {
                _CurrentPage = PageCount;
            }
            if (_CurrentPage < 1)
            {
                _CurrentPage = 1;
            }
            OnPropertyChanged();
        }
    }
    private int _PageCount = 1;
    public int PageCount  { get return _PageCount;  }  set {  _PageCount = value;   OnPropertyChanged();  }  } 
    private int _RecordCount = 0;
    public int RecordCount
    {
        get { return _RecordCount; }
        set
        {
            _RecordCount = value;
            if (_RecordCount <= SkipNumber)
            {
                PageCount = 1;
            }
            else
            {
                PageCount = int.Parse(Math.Ceiling((double)RecordCount / (double)SkipNumber).ToString());
            }
            if (_CurrentPage > PageCount)
            {
                _CurrentPage = PageCount;
            }
            OnPropertyChanged();
        }
    }
    private int _SkipNumber = 30;
    public int SkipNumber { get { return _SkipNumber; } set { _SkipNumber = value; OnPropertyChanged(); } }
    private TextBox<string> _JumpTextBox = new TextBox<string>();
    public TextBox<string> JumpTextBox
    {
        get { return _JumpTextBox; }
        set { _JumpTextBox = value; OnPropertyChanged(); }
    }
    #region 跳页
    public BaseCommand JumpCommand
    {
        get
        {
            return new BaseCommand(JumpCommand_Executed);
        }
    }
    void JumpCommand_Executed(object send)
    {
        int pagenum = 0;
 
        if (int.TryParse(JumpTextBox.Text, out pagenum))
        {
            if (pagenum <= PageCount && pagenum > 0)
            {
                CurrentPage = pagenum;
 
                if (LoadAction != null)
                {
                    LoadAction(Condition);
                }
            }
            else
            {
                MessageBox.Show("请正确填写跳转页数。", "提示信息");
            }
        }
        else
        {
            MessageBox.Show("请正确填写跳转页数。", "提示信息");
        }
    }
    #endregion
    #region 上一页
    public BaseCommand PreviousCommand
    {
        get
        {
            return new BaseCommand(PreviousCommand_Executed);
        }
    }
    void PreviousCommand_Executed(object send)
    {
        if (CurrentPage > 1)
        {
            CurrentPage -= 1;
            if (LoadAction != null)
            {
                LoadAction(Condition);
            }
        }
        else
        {
            MessageBox.Show("已至首页。", "提示信息");
        }
    }
    #endregion
 
    #region 下一页
    public BaseCommand NextCommand
    {
        get
        {
            return new BaseCommand(NextCommand_Executed);
        }
    }
    void NextCommand_Executed(object send)
    {
        if (CurrentPage < PageCount)
        {
            CurrentPage += 1;
 
            if (LoadAction != null)
            {
                LoadAction(Condition);
            }
        }
        else
        {
            MessageBox.Show("已至末页。", "提示信息");
        }
    }
    #endregion
    #endregion
 
    private ObservableCollection<T> _ItemsSource = new ObservableCollection<T>();
    public ObservableCollection<T> ItemsSource
    {
        get { return _ItemsSource; }
        set
        {
            _ItemsSource = value;
            if (_ItemsSource != null && _ItemsSource.Count > 0 && SelectedItem == null)
            {
                SelectedItem = _ItemsSource.First();
            }
            OnPropertyChanged();
        }
    }
    public void SetItemsSource(List<T> itemSource)
    {
        ItemsSource = new ObservableCollection<T>(itemSource);
    }
    public T _SelectedItem;
    public T SelectedItem
    {
        get { return _SelectedItem; }
        set
        {
            _SelectedItem = value;
            if (SelectCallBack != null)
            {
                SelectCallBack(_SelectedItem);
            }
            OnPropertyChanged();
        }
    }
    private ICollectionView _ItemsSourceView;
    public ICollectionView ItemsSourceView
    {
        get
        {
            _ItemsSourceView = CollectionViewSource.GetDefaultView(_ItemsSource);
            return _ItemsSourceView;
        }
        set
        {
            _ItemsSourceView = value;
            OnPropertyChanged();
        }
    }
    private T _Condition = (T)Activator.CreateInstance(typeof(T));
    public T Condition { get { return _Condition; } set { _Condition = value; OnPropertyChanged(); } }
 
    #region 方法 
    public DataGrid()
    {
    }
    public void BindSource(Action<T> loadAction, T conditionRow = default(T))
    {
        LoadAction = loadAction;
        if (LoadAction != null)
        {
            CurrentPage = 1;
            LoadAction(conditionRow);
        }
    }
    public void BindSource(Action loadAction)
    {
        LoadAction = new Action<T>((obj) => {
            loadAction();
        }); ;
        if (LoadAction != null)
        {
            CurrentPage = 1;
            LoadAction(default(T));
        }
    }
    public void ItemsSourceReBind()
    {
        BindSource(LoadAction);
    }
    public void SelectedItemReBind()
    {
        T newitem = (T)Activator.CreateInstance(typeof(T));
        List<System.Reflection.PropertyInfo> plist = typeof(T).GetProperties().ToList();
 
        foreach (var propertyInfo in plist)
        {
            propertyInfo.SetValue(newitem, propertyInfo.GetValue(SelectedItem));
        }
        SelectedItem = newitem;
    }
    public void SetFilter(Func<object, bool>  dataFilter)
    {
        try
        {
            DataFilter = dataFilter;
            _ItemsSourceView = CollectionViewSource.GetDefaultView(_ItemsSource);
            _ItemsSourceView.Filter = new Predicate<object>(DataFilter);
        }
        catch(Exception ex)
        {
            
        }
    }
    public void Refresh()
    {
        if (_ItemsSourceView == null)
        {
            _ItemsSourceView = CollectionViewSource.GetDefaultView(this.ItemsSource);
        }
        _ItemsSourceView.Refresh();
    }
    #endregion
}

从代码中我们可以看到,DataGrid控件不仅包含了基础属性,还包含了上一页,下一页,刷新,甚至过滤的功能。

下面,我们看下一下DataGrid控件的基础应用。

Xaml页面代码如下:

1
2
<DataGrid  Margin="5" FontSize="12" ItemsSource="{Binding TestDataGrid.ItemsSource}" AutoGenerateColumns="True"
                   SelectedItem="{Binding TestDataGrid.SelectedItem}" > </DataGrid>

ViewModel页面代码如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
public DataGrid<User> TestDataGrid { get; set; }
TestDataProxy proxy = new TestDataProxy();
public VM_PageDataGrid()
{
    TestDataGrid = new DataGrid<User>();
    int currentPage = TestDataGrid.CurrentPage;
    int skipNumber = TestDataGrid.SkipNumber;
    proxy.GeDataGridData(null, currentPage, skipNumber, (list, count, msg) =>
    {
        TestDataGrid.SetItemsSource(list);
        TestDataGrid.RecordCount = count;
    });
 
    TestDataGrid.SelectCallBack = (user) =>
    {
        MessageBox(user.Name);
    };
}

我们可以看到,基础的DataGrid应用很简单,只要设置好绑定,然后将读取的数据赋值给数据控件的ItemSource属性即可。(这里我们使用SetItemSource方法为ItemSource赋值)

然后我们会发现,只要我们操作数据控件的ItemSource,不论是增加数据,删除数据,变更数据,页面都会自动的同步刷新。

DataGrid的中级应用

我们在上面的代码中可以看到,DataGrid数据控件还包含了分页功能。那么如何实现分页功能呢。

很简单,我们只需要在Xaml页面多绑定几个属性即可实现。

Xaml代码如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<StackPanel DataContext="{Binding TestDataGrid}" Orientation="Horizontal"  DockPanel.Dock="Bottom" HorizontalAlignment="Right" Margin="0,10,0,0">
    <Button  Content="上一页" Width="60" Command="{Binding PreviousCommand}" Height="20" Margin="20,0,0,0" VerticalAlignment="Top" />
    <Button  Content="下一页" Width="60" Command="{Binding NextCommand}" Height="20" Margin="20,0,0,0" VerticalAlignment="Top" />
    <TextBlock VerticalAlignment="Center" Text="每页" Margin="20,0,0,0"></TextBlock>
    <TextBlock VerticalAlignment="Center" Text="{Binding  SkipNumber}"  Margin="0,0,0,0"></TextBlock>
    <TextBlock VerticalAlignment="Center" Text="条"></TextBlock>
    <TextBlock VerticalAlignment="Center" Text="{Binding CurrentPage}"  Margin="20,0,0,0"></TextBlock>
    <TextBlock VerticalAlignment="Center" Text="/"></TextBlock>
    <TextBlock VerticalAlignment="Center" Text="{Binding PageCount}"></TextBlock>
    <TextBlock VerticalAlignment="Center" Text="总记录数:" Margin="20,0,0,0"></TextBlock>
    <TextBlock VerticalAlignment="Center" Text="{Binding RecordCount}"></TextBlock>
    <TextBox  VerticalAlignment="Center" Width="40" Height="20" Margin="40,0,0,0" Text="{Binding JumpTextBox.Text}" ></TextBox>
    <Button  Content="GO"  Command="{Binding JumpCommand}" Width="40" Height="20" Margin="5,0,0,0" VerticalAlignment="Top" />
</StackPanel>
<GroupBox DockPanel.Dock="Top" Header="DataGrid" Margin="10,0,0,0" >
    <DataGrid  Margin="5" FontSize="12" ItemsSource="{Binding TestDataGrid.ItemsSource}" AutoGenerateColumns="True"
                       SelectedItem="{Binding TestDataGrid.SelectedItem}" >
    </DataGrid>
</GroupBox>

这样我们就实现了分页功能,代码很简单,并且彻底分割了UI和ViewModel。

但是那么复杂的UI,就这样简单的被彻底搞定了吗?

当然是不可能的!UI很复杂,仅仅靠数据控件是无法彻底搞定的。

那么我们应该怎么办呢?

很简单,我们去编写UI控件就好啦。

当然,我们要编写的UI控件不是普通的UI控件,而是配合数据控件应用的UI控件。

这种定制UI控件在功能上与其他自定义控件是一样,但好处就在于,编写方便,易于理解和二次开发。

----------------------------------------------------------------------------------------------------

本篇文章就先讲到这了,下一篇文章我们将一起为框架编写UI控件。

框架代码已经传到Github上了,并且会持续更新。

相关文章:

【我们一起写框架】MVVM的WPF框架(一)—序篇

【我们一起写框架】MVVM的WPF框架(二)—绑定

【我们一起写框架】MVVM的WPF框架(三)—数据控件

To be continued——DataGrid

Github地址:https://github.com/kiba518/KibaFramework

----------------------------------------------------------------------------------------------------

注:此文章为原创,任何形式的转载都请联系作者获得授权并注明出处!
若您觉得这篇文章还不错,请点击下方的推荐】,非常感谢!

 

posted @   kiba518  阅读(4624)  评论(3编辑  收藏  举报
编辑推荐:
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· AI与.NET技术实操系列(五):向量存储与相似性搜索在 .NET 中的实现
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
点击右上角即可分享
微信分享提示