【Devexpress】GridControl之CardView

来源:互联网 发布:形状优化设计 编辑:程序博客网 时间:2024/06/07 01:20

    本来没有想写这篇文章,因在论坛中看见有人提问,激起了我心底的那份冲动。原来做过的一个项目中本来准备添加CardView模块,后因客户有变故,此模块便流产了。心中总是挂念,于是乎有了这篇文章。

不多说,先上效果图,无图无真相。


图1 为程序启动时的模样                                                   图2 为点击隐藏<<相片名称>>一列后的模样

本来是横向的,因为论坛中有童鞋要做成竖着的,很怪异,所以就成了这副造型。

=============开发环境=============

系统: Win7sp1 32位

IDE: Microsoft VisualStudio 2012 Ultimate update4

工程: .Net Framework4.5

控件: DevExpress 13.1.7

================================


程序缺陷:

1、本来添加了VScrollbar,想使Card纵向滚动,结果能力不及。

2、点击任一名片可以选中单元格(cell),应该点击名片只能选中整个名片,这个功能较简单,因搞了一通宵了就偷懒了。


实现难点:

1、实现Person类作为数据库的表结构,并绑定GridControl的DataSource到Person类(Object)。


2、因为DevExpress有自带的主题,自带主题下选中名片后选中效果不突出,需要修改。

实现:调用CardView的CustomDrawCardCaption事件,代码如下

3、调用Form_Load事件,把数据传给GridControl


注:vScrollBar1即为功能为实现的纵向滚动栏。程序此时已经写完,后面添加了滚动监测事件。

CheckButton实现了隐藏<<相片名称>>一列的功能。

4、调用CardView的MouseWheel事件监测滚动


5、程序美化

这个确实很难。ViewCaption是一个很好的东东,如果你有多个View的话,可以把它做成类似Group的造型。

一开始程序的那个Business Card就是ViewCaption,把高度改了改,效果还不错。




原创粉丝点击