设计程序界面

8.1.2　设计程序界面

按图8-4、图8-5所示设计程序界面。其基本布局如下：

1．顶部标签控件Label1，在分配Load事件过程内设置其Caption属性为“图片存储与浏览”；顶部右侧为图片框Picture2，并画一计时器控件，Interval属性设为1000，用于显示当前时间。

图8-1　浏览数据库内“Image”字段内存储的二进制图像

图8-2　浏览文件夹内的图像文件

图8-3　PHOTO.MD数据库设计

图8-4　界面设计环境图

2．左侧依次为：驱动器控件Drive1、目录控件Dir1、文件列表控件File1；画一个Text2及命令按钮Command4(标题属性为“…”)。

图8-5　窗体界面布局（一）——用于显示文件夹内的图片文件

3．中部先画一个图片框Picture1；然后画一个图像框Image1，复制生成图像框控制数组，其Index属性值为0～11，该控件数组用于显示文件夹内的图片；再画一个标签Label2，将BackStyle属性设为1(透明)，复制生成控件数组，按其Index属性值依次置于对应的图像框数组之下，用于显示图像框内图片文件名及分辨率大小。

4．右侧画一个DataGrid1控件，待ADODC1控件联接数据库以后，将其数据源设为“ADODC1”。

5．窗体底部按从左向右的顺序：

表　8-1

ADODC1：联接数据库，指定数据记录源。

1．完成以上设计后，再在图片框Picture1上画一个与之完全相同的图片框Picture3，并在其内画一个图像框Image2及标签控件Label4，其界面如图8-6所示，用于显示数据库内“Image”字段的图像信息。

2．添加窗体Form2，在其内最大化窗体画一个图片框Picture1。在图片框内画一个图像框Image1，用于最大化显示图片。

窗体设计完成后，则需要用ADODC1控件联接数据库PHOTO.MDB。

图8-6　窗体界面布局(二)