C#快速开发PictureBox 图像控件

传统软件项目开发时，针对每个业务单据页面需要每控件一个一个的来设计，同时

需要在页面功能中对每个控件的属性进行判定处理，尤其是页面风格布 局样式需要

花去一大半的时间，并且后续要想修改也是非常麻烦繁琐，这样就导 致设计完成一

个功能页面需要很长时间。问题是正常情况下很多功能是非常通用 的，这就造成了

重复劳作；如何快速设计页面风格，如何快速的将常用功能集成 起来，供后续直接

调用使用，并且后续只要修改一个地方，凡是调用的地方就自动变更了，如何让设计

人员能通过可视化的简单配置或简单的JS 编写就能达到各种类型表单页面设计要求

如何提高开发效率，如何合理分配任务，如何快速维护响应...... 在这样的思路基础上，

结合软件项目开发经验，开发设计了可视化页面设计工具。通过页面设计能快速达到

以上效果，下面就来看看吧！

页面设计即自定义表单设计，通过 C/S 的 Winform 页面设计工具，发布生成 基于IE 

的是一个 html 网页程序；用户通过 IE 浏览器就能执行日的新增保存、修改、审核、

删除、查询、输出、打印等功能。页面设计支持普通表单、主从表单、流程表单、图

表表单、查询表单、选择表单等各种类型的自定义设计； 通过结合针对业务逻辑处理

的类库可以制作复杂的业务表单。页面设计主要采用图形化可视化操作，所见即所得；

通过拖拉即可完成。提供多种数据类型和 Html 控件，实现常见的业务逻辑功能（新增、

删除、修改、查看、查询、报表、打印、图表等用户直接调用就能完成。 由于技术开发

能力有限，经验不足，在设计中可能还有许多问题和不足之处， 欢迎大家给予批评指正!

大量实用的控件进行了结构化的封装和调试。通过简单的拖拉设置就可以实现控件所能实现

的功能，从而大大减少了代码的编写和调试难度。页面设计包含如下控件：

（1）、标签 Label

（2）、文本框 TextBox

（3）、按钮 Bottum

（4）、下拉框 ComboBox

（5）、复选框 CheckBox

（6）、单选框 RadioBottum

（7）、下拉列表 CheckboxList

（8）、超链接标签 LinkLabel

（9）、数据列表 DataGrid

（10）、目录树 Tree

（11）、层 Panel (DIV)

（12）、分组 Group

（13）、分割条 Split

（14）、线条 Line

（15）、多标签 Tab

（16）、工具栏 Bar

（17）、图表 Chart

（18）、日期框 DateTime

（19）、图像 PictureBox

（20）、附件列表 UpFileList

（21）、选择项目 ListBox

（22）、条形码 BarCode

 由于时间仓促，下面我就讲一个控件

1.1 图像 PictureBox 图像控件经常使用于页面的设计中的固定图片显示或动态图片数据的显示，

例如公司 Logo（固定图片）、人员照片（动态图片、前台上传）；图片控件包含三部分属性：

基本属性、控件样式、控件事件

一、基本属性

控件名称：控件 ID，唯一标记控件的编码中文标题：填写此控件的中文描述名称外文标题：

填写此控件其他语种的描述；数据集合：绑定数据集合；关联字段：绑定选择关联数据源的

字数据类型：显示此关联字段的类型ImgAlt 值：自定义图片的提示文本信息ImgTitle：自定

义图片的标题内容；热点提示：定义此控件是否开启热点提示开启上传：定义图片控件是否

在 WEB 端实现上传功能；前台需要上传时，需要用 户在页面设计中添加一个按钮控件，设

置上传事件；

二、控件样式 通过控件样式可以自定义设置图像控件网页外观；

定位模式：设置控件的网页定位模式；

显示图像：如果是设计时已固定的图片，则直接设置图片；

边框布局：即控件外边框有哪些边组成；边框颜色：设置控件的边框线的颜色；

边框样式：设置控件的外边框样式；

控件样式：为了简化输出 HTML 网页文件的大小，所以针对控件都有一个默认的 控件样式，此样式是直接采用

整体的 CSS 里面通用的；自定义样式， 是直接写在控件的 Style 样式中；如选择自定义样式，则可以定义设 置

控件的外观字体等；

三、控件事件

 图像控件支持其他的自定义 JS 事件，如单击事件、双击事件。通过 JS 自定义事件，可以实现其他的自定义功能。

四、功能示范