数据编辑界面如何设计？这个工具了解一下

点击获取工具>>

DevExpress拥有.NET开发须要的全部平台控件，包含600多个UI控件、报表平台、DevExpress Dashboard eXpressApp 框架、适用于 Visual Studio的CodeRush等一系列辅助工具。

在Winform程序开发中，界面部分的开发工做量通常是比较大的，特别是表的字段数据比较多的状况下，数据编辑界面所须要的繁琐设计和后台逻辑处理工做量更是直线上升，并且稍不注意，可能不少处理有重复或者错误，利用代码生成工具Database2Sharp设计数据编辑界面能够极大提升开发效率，减小出错机会，结合DevExpress的布局拖动调整，更是如虎添翼，使你从繁琐的界面设计开发工做中解脱出来，缺乏的只是你的灵感。

1、数据编辑界面设计步骤

通常状况下，如无其余工具的辅助下，咱们须要在界面上放置好相关的界面控件，并调整控件的名称，调整控件位置布局，在后台中逐个编写控件赋值的显示代码和保存到数据库的赋值语句，特别是控件命名、显示数据，保存数据这些操做，是很是繁琐累人的，也是最容易出错的地方。

利用代码生成工具Database2Sharp，除了能够快速生成总体Winform开发框架的界面代码，让你一秒钟内就搭建一个完整标准的框架应用，最重要的，Winform界面设计这些繁杂的工做，也可使用它进行完成，不再用拘束于重复的劳动中了，能够静下心来找找灵感了。代码生成工具Database2Sharp的Winform界面代码生成界面以下所示。

查询类和数据编辑类，基本上是咱们设计界面的两种标准界面，以下所示。

因为这个主查询界面，利用分页控件，以及动态生成的条件基本上就能知足要求了，繁琐的工做主要在数据编辑界面上，本文主要介绍数据编辑界面的设计工做在利用代码生成工具方面的改进。

通常状况下，咱们利用代码生成工具生成的界面都是须要调整的，可是界面的控件名称已经根据字段进行了对应，后台的数据显示、输入验证、数据保存等须要控件和实体类一一对应的关系，也已经作好了，所作的只须要把界面调整的更加好看便可。

因此，生成的界面大体状况以下所示。

虽然生成的编辑界面，字段说明做为控件的标签，字段名称做为控件名称的部份内容，而且日期和数值控件类型也已经调整好，可是离咱们真正的呈现给用户的数据编辑界面仍是有必定的距离。

没关系，下面我来演示一下如何实现界面的进一步的调整。

首先，咱们知道，DevExpress的LayoutControl布局控件，对于其中的控件位置，均可以在设计模式进行动态拖动调整的，以下所示。

因而，咱们能够根据合理的排版布局，对其中的界面元素拖动到合理的布局，并增长一些空白的控制位置，或者调整布局单元的约束类型为自定义，并设置控件的最大宽度或者高度，这样能够合理调整好数据编辑界面。

另外，咱们能够在设计模式下，控件的右上角上，调整控件为本身但愿的类型，以下所示。

经过上面的多样化调整，咱们能够最终把界面拖动设计成这个效果。

2、多选项卡的数据编辑界面

按照上面这样的调整流程，对于通常状况下的数据编辑界面，咱们可能基本知足了要求了，可是对于一些字段输入比较多的表格，咱们最好可以经过TabControl把不一样范畴的输入内容分开，一个选项卡负责一部分数据，这样能够有效利用屏幕的空间进行输入。例如，上面的数据，经过引入一个TabControl， 把病人基本信息和随访信息分开，就能够获得这样的运行界面效果。

或者更多数据的人员信息的数据编辑界面效果以下所示，经过分门别类，咱们能够有效管理看似很凌乱的数据内容了。

可是，这样多选项卡的数据编辑界面，咱们可能没法一下就生成符合要求的界面效果，咱们能够先总体生成一个所有所需字段的数据编辑界面，就是按照上面的流程同样生成，而后从新复制一份到一个临时的窗体里面做为备份保留。

在原来的界面上，删除除第一个选项卡页面的控件内容，这时候，咱们知道，后台的对应代码还保留着这些删除界面控件的数据显示、赋值保存的对应关系的代码，咱们要保留它们，由于咱们不是真的删除这些关联的控件。

而后在TabControl中，建立第二个TabPage选项卡页面，而后在备份保留的窗体界面上，把第一个TabPage选项卡页面中存在的控件删除，而后把剩下的其余控件，所有经过LayoutControl方式复制到第二个TabPage选项卡页面里面，这样整个控件和后台代码的关系，就又完整了，若是有更多的控件须要拆分，按照上述的方法从新操做一次便可。

例如，下面的例子源自个人客户关系管理系统模块（CRM）中的联系人管理，因为联系人信息比较多，我把它分为了两个TabPage选项卡页面进行管理，操做的思路就是用刚才介绍的方式进行调整的。

本文转载自博客园-伍华聪[](https://home.cnblogs.com/u/wu...