2
第四部分：实训内容(步骤及程序) 实训步骤：
（1）界面设计
程序共包括三个窗体。 A． Form1： 程序的主窗体， 用于浏览和查看图片， 并对图片进行管理。 B． 郑漫霞_FrmCreateFolder：创建目录窗体，用于创建图片的管理 目录。 C． 郑漫霞_FrmLoadPic：导入图片窗体，用于向目录中导入图片。
A. Form1 主窗体
(1) 新建一个项目,命名为”图片管理器—郑漫霞”. (2) 窗体命名为 Form1,设置它的属性如下所示.
属性 Text Size MinimumSize DoubleBuffered StartPosition
值 图片管理器 640,460 640,460 True
说明
窗体尺寸 窗体的最小尺寸 开双缓冲
（6）
掌握菜单和工具栏的使用。
第二部分：实训准备(包含实训设备及器材)
1. 实训设备及器材 需安装有 visual studio 2005 的电脑一台.
第三部分：实训要求
实训内容：制作一个图片管理器，它可以让用户对自己的图片进行分 类管理。 （1） 对图片实现分目录管理， 用户可以自行创建并删除存放图片的目 录，并可以方便地将各种图片存放于相应的目录之中。 （2） 可以对目录下的图片以缩略图的方式进行浏览， 用户可以从众多 图片中查找出自己想要的图片。
可以手动绘制各个项的图标
以大图标显示每个项
6
(9)在窗体上放置 1 个 ImageList 控件,命名为 imglst,把它的 ColorDepth 属性 设置为 Depth32Bit(以 32 位色的形式显示图片).ImageSize(控制 ListView 各 个项的绘图区域的大小)属性设置位(80,90). 最后,把 LvView 控件的 LargeImageList 属性设置位 imglst. (10)在 Panel1 上放置 1 个 PictureBox 控件,命名为 pbPic.用于显示单张图片, 把它的 SizeMode 属性设置为 AutoSize. (11)在窗体上放置 1 个 OpenFileDialog 控件,命名为 openFileDialogInput. (12)在窗体上放置 1 个 Timer 控件,把它的 Interval 属性设置为 2000.
C#程序设计 实训报告
系 专 姓 业 名 班 学
(部 ) 级 号
计算机系
实训基地(实训室) 实 实 实 实 指 训 训 训 训 导 项 日 组 成 教 目 期 号 绩 师 图片管理器 2012-6-19~2012-6-21
1
第一部分：实训目的
（1） 常用控件的各种特性和使用。 （2） 掌握各种类型变量的使用和相互间的转换。 （3） 掌握图像绘制。 （4） 掌握方法的定义和调用。 （5） 学习如何利用代码实现简单的逻辑。
9
B. Folder_郑漫霞.cs (1)在[解决方案资源管理器]中的[图片管理器—郑漫霞]项目上右击鼠标,在弹 出菜单中选择[添加]|[新建项],在[添加新项] 窗口中选择[类], 在[名称]编辑 框输入” Folder_郑漫霞.cs ”,最后单击[添加]按钮添加一个新的类. (2)在 Folder_郑漫霞.cs 窗口的上部引入一个新的命名空间,代码如下: using System.Collections; using System.IO; using System.Drawing; (3)在”class Folder_郑漫霞”类后面的大括号中输入相应的代码. C. 郑漫霞_FrmCreateFolder.cs
345,150 FixedDialog False CenterParent
窗体尺寸 窗体样式 不在任务栏显示图标 窗体打开后默认位于父窗体中央
7
(2)在窗体上放置 1 个 TextBox 控件,命名为 txtFolderName. (3)在窗体上放置 2 个 Button 控件,分别命名为 btnOK 和 btnCancel.并把它们 的 Text 属性设置为”确定”和”取消”.窗体最终效果如下图所示.
(2)代码编写
A. PicInfo-郑漫霞.cs (1)在[解决方案资源管理器]中的[图片管理器—郑漫霞]项目上右击鼠标,在弹 出菜单中选择[添加]|[新建项],在[添加新项] 窗口中选择[类], 在[名称]编辑 框输入” PicInfo-郑漫霞.cs”,最后单击[添加]按钮添加一个新的类. (2)在 PicInfo-郑漫霞.cs 窗口上部引入一个新的命名空间,代码如下: using System.IO; (3)public override string ToString() { return_fullName; } 注:重载了 ToString()方法,由于 PicInfo-郑漫霞类的作用是把类实例作为 项存放于复选列表框内,而每个项显示文字正是通过访问 ToString()方法而获 得,重载这个方法正是为了在复选列表框内显示指定的文字. (4)在”class PicInfo-郑漫霞 ”类后面的大括号中输入相应的代码.
11
(6)选中列表框 lstFolder,为它生成一个 SelectedIndexChanged 事件,并 输入相应的代码. (7)为[退出]工具按钮生成单击事件, 并输入相应的代码. (8)选中 lvView 控件,在事件窗口中双击 DoubleClick 事件,生成一个双击 事件, 并输入相应的代码. (9) 分别双击窗体下方工具栏的 [ 返回目录 ],[ 上一张 ] 和 [ 下一张 ] 工具按 钮,为它们生成相应的单击事件, 并输入相应的代码. (10)双击[自动播放]按钮,生成一个按钮的单击事件,双击 timer1 控件,生 成一个定时器事件.选中工具栏上的组合框控件,并为它生成一个 SelectedIndexChanged 事件,并为以上事件方法输入相应的代码. (11)选中 pbPic 控件,并分别为它生成 MouseDown,MouseMove,MouseUp 三 个事件, 并输入相应的代码.
(1)在郑漫霞_FrmCreateFolder 的设计窗体,分别双击[确定]和[取消]按 钮,为它们生成按钮的单击事件. (2)在代码窗口上部引入如下命名空间: using System.IO;
(3)在郑漫霞_teFolder 代码窗口上输入相应的代码
D. 郑漫霞_FrmLoadPic.cs (1) 打开郑漫霞 _FrmLoadPic 窗口 , 并在它的代码窗口处引入命名空间如 下:
8
(4)在窗体上放置 2 个 Label 控件,并把它们的 Text 属性分别设置为”导入到目 录”和”添加图片”. (5)在窗体上放置 3 个 Button 控件,并把它们的 Text 属性分别设置为”浏 览”,”确定”和”取消”. (6)在窗体上放置 1 个 OpenFileDialogSelPic,并把它的 Multiselect 属性设置 为 true.
10
using System.IO; using System.Collections;
(2)双击窗口空白处,为窗口生成一个 Load 事件,并在代码窗口中输入相应
的代码.
(3)双击[浏览]按钮,生成一个按钮的单击事件.为复选列表框 chklsPics 生成一个 SelectedIndexChange 事件.并在代码窗口输入相应的代码. (4)分别双击[确定]和[取消]按钮,为它们生成按钮单击事件,并在代码窗 口中输入相应的代码. E.Form1.cs (1)打开 Form1 的窗口,并在它的代码窗口处引入命名空间如下: using System.IO; using System.Drawing.Imaging; using System.Collections; (2)打开 Form1 的设计窗体,双击窗体空白处,为窗体生成一个 Load 事件, 并输入相应的代码. (3)双击[增加目录]工具按钮,生成按钮的单击事件,并输入相应的代码. (4)双击[导入图片]工具按钮, 生成按钮的单击事件,并输入相应的代码. (5)选中 lvView 控件,在事件窗口中双击 DrawItem 事件,生成一个绘图项 的事件,并输入相应的代码.
txtFolderName
btnOK
btnCancel
C. 郑漫霞_FrmLoadPic 窗体
(1)新建一个窗体,命名为郑漫霞_FrmLoadPic.属性设置如下表所示.
属性 Text Size 值 郑漫霞__导入图片 448,335 窗体尺寸 窗体样式 不在任务栏显示图标 窗体打开后默认位于父窗体中央 说明
FormBorderStyle FixedDialog ShowInTaskbar StartPosition false CenterParent
(2) 在 窗 体 上 放 置 1 个 ComboBox 控 件 , 命 名 为 cbFolder. 并 把 它 的 DropDownStyle 属性设置为 DropDownList. (3) 在窗体上放置 1 个 CheckedListBox 控件 , 命名为 chklsPics. 并把它的 HorizontalScrollbar( 使得复选列表框可以显示水平方向的滚动条 ) 属性设置 为 true.
B. 郑漫霞_FrmCreateFolder 窗体
(1) 新建一个窗体 , 命名为郑漫霞 _FrmCreateFolder, 属性设置所下表所 示.
属性 Text Size FormBorderStyle ShowInTaskbar StartPosition 值
郑漫霞__请输入要添加的 目录名称
说明
ImageAboveText(表示图片位于文字之上)
增加目录
导入图片 退出
e
(4) 在窗体上添加第 2 个 ToolStrip 控件,命名为 tsViewPic.
4
属性 ImageScalingSize Dock
值 (24,24) Bottom