第二章和第三章

1、3.6 PictureBox(图片)控件将位图BMP、GIF、JPEG、Metafile或图标格式的图片显示在窗体上时，需要使用PictureBox控件。图片可以在设计阶段用Image属性先加载到PictureBox控件中，也可以在程序运行时使用Image.FronFile(“路径/文件名”)从磁盘驱动器中加载。表3.6列举了PictureBox的常用成员。表3-6 PictureBox的常用成员成员名称说明Image属性显示的图像BorderStyle属性边框样式SizeMode属性设定加载的图片在PictureBox控件中的摆放方式，有以下四种设定：Normal(默认值)：从控件的左上角放

2、起StretchImage：图片随控件大小伸缩AutoSize：控件随图片大小伸缩CenterImage：将图片位于控件的正中央Zoom：图像按其原有的大小比例伸缩Hide方法隐藏控件内的图片1 代码设置PictureBox1属性举例： 放在PictureBox1控件中的图片设置成随控件大小缩放：PictureBox1.SizeMode = PictureBoxSizeMode.StretchImage 将D盘abc文件夹下的Waves.bmp图片加载到PictureBox1控件中：PictureBox1.Image = System.Drawing.Image.FromFile(“D:abc

3、Waves.bmp”) 清除PictureBox1控件中的图片PictureBox1.Image = NothingPictureBox控件不是可选择的控件，意味着该控件不能接收焦点。2 在设计状态下加载图像在设计状态下为PictureBox1控件添加图像的操作步骤是：单击“属性窗口”中的“Image”属性，然后单击该属性框右面的生成按钮，弹出“选择资源”窗口，如图3-16.图3-16“选择资源”窗体 选“本地资源”选项，然后单击“导入”按钮。在打开的“文件目录”窗口中选择要添加的图像文件。最后单击图3-15中的“确定”按钮。 选“项目资源文件”选项。在该选项下的窗口中列出了“解决方案资源管理

4、器”中“Resources”文件夹下的所有图像文件。如果没有所需图像，需要通过点击“导入”按钮，将所需图像导入项目中。由“本地资源”法和“项目资源文件”法都可以将图像加入PictureBox1控件中，两者的差别在于，“本地资源”法只加载图像到PictureBox1控件中；而“项目资源文件”法需要先将图像文件加载到Resources中，然后再添加到控件中。因此，“项目资源文件”法会增加项目的文件大小。*【项目设计3-2】“Clockfrm”界面设计(1) 创建标签控件和按钮控件设置“Clockfrm”界面(图1-1)左上角的Label控件和右上角的Button控件。1 创建Label控件步骤一

5、进入“ClockSystem.sln”文件所在的文件夹，双击“ClockSystem.sln”文件，启动“ClockSystem”项目。启动项目后，若“Clockfrm.vb设计”窗口未打开，则双击“解决方案资源管理器”中的Form1.vb文件，打开“Clockfrm.vb设计”窗口。步骤二 双击工具箱中的label工具(图c3-2-1)，在窗体中新建标签控件Label1，对Label1进行如下属性设置：² Text = 北京时间² Font = 隶书；粗体；小初² ForeColor = 255，0，0² Location = 20，40步骤三 创建L

6、abel2标签控件。对Label2进行如下设置：² Text = Beijing² Font = Times New Roman；粗体；一号² ForeColor = RGB(0，0，255)² Location = 50，90创建Label1和Label2后，Clock界面如图c3-2-2所示。图c3-2-1 “ClockSystem”窗口图c3-2-2 “Clockfrm”界面2 创建Button控件步骤一 创建按钮Button1：² Text = 时间校核² Font = 隶书；粗体；三号² Size = 80,66&

7、#178; Location = 770,40步骤二 创建按钮Button2：Text = 显示方式Button3：Text = 闹钟设定Button4：Text = 运行悬挂² 同时选中Button2、Button3和Button4，设置Font = 隶书；粗体；三号² 同时选中Button1、Button2、Button3和Button4，以Button1为参照物，执行格式/使大小相同/两者² 用鼠标左键点中按钮并移动按钮的方法，将Button2、Button3和Button4初步排列成图c3-2-3所示的样式。² 同时选中Button1、Butto

8、n2，以Button1为参照物，执行格式/对齐/顶端对齐² 同时选中Button1、Button3，以Button1为参照物，执行格式/对齐/左对齐图c3-2-3 “Clockfrm”界面步骤三 设置以上按钮的名称属性：² Button1：Name = SetTime（时间校核）² Button2：Name = ClockType（显示方式）² Button3：Name = SetAlarm（闹钟设定）² Button4：Name = RunPause（运行悬挂）*【项目设计3-4】“Clockfrm”界面设计(2) 创建时钟控件1 创建“主钟

9、”控件在“Clockfrm”窗体上创建PictureBox1控件² Image = 主钟模板.bmp² SizeMode = AutoSize² Location = 270，50设置结果如图c3-4-1。为了防止程序运行时主钟控件遮挡窗体左上角的Label控件显示长文本内容，对Label1和Label2控件分别做如下设置：格式顺序置于顶层 '确保能完整显示文字，不被其他控件遮挡图c3-4-1 “Clockfrm”界面2 创建“主要城市时钟”控件步骤一 创建分组框GroupBox1： ² Text = 空² Location = 36，

10、470² Size = 910，290步骤二 创建ToolTip1控件。ToolTip是运行时控件，新建的ToolTip1控件显示在窗体设计器下方，如图c3-4-2所示。图c3-4-2 “Clockfrm”窗口步骤三 创建世界主要城市的钟盘图片： 北京时间：单击“工具箱”中的PictureBox工具，在分组框GroupBox1中创建PictureBox2控件：² Name = BeijingTime² SizeMode = StretchImage （图片随控件大小伸缩）² Location = 36,24² Size = 95,120

11、8; Image = 北京_中国² ToolTip1上的ToolTip = 北京（中国） 钟盘图片控件定位：² 利用“BeijingTime”图片控件，在GroupBox1中“拷贝-粘贴”出11个控件，如图c3-4-3所示。² 第一排最右一张图片定位：Location = 776,24² 第二排第一张图片定位：Location = 36,156² 第二排最右一张图片定位：Location = 776,156² 选中第一排中的6张图片，以第一张为参考，执行格式/对齐/顶端对齐。再执行格式/水平间距/相同间隔。² 与第一排的操作

12、方法类似，对第二排中的6张图片进行定位。最后结果如图c3-4-4所示。图c3-4-3 “拷贝-粘贴”出11个控件图c3-4-4 图片定位选中“Clockfrm”窗体和所有控件(注意分组框GroupBox1中的时钟图像要各个选中)，设“属性窗口”中的Locked = True，预防已设定的控件位置被误修改。保存文件。 平壤时间：对第一排第二个图片进行属性设置：² Name = PyongyangTime² Image = 平壤_朝鲜² ToolTip1上的ToolTip =平壤（朝鲜） 东京时间：第一排第三个图片：² Name = TokyoTime

13、78; Image = 东京_日本² ToolTip1上的ToolTip =东京（日本） 新加坡时间：第一排第四个图片：² Name = SingaporeTime² Image = 新加坡² ToolTip1上的ToolTip =新加坡 曼谷时间：第一排第五个图片：² Name = BangkokTime² Image = 曼谷_泰国² ToolTip1上的ToolTip =曼谷（泰国） 巴西利亚时间：第一排第六个图片：² Name = BrasiliaTime² Image = 巴西利亚_巴西

14、8; ToolTip1上的ToolTip =巴西利亚（巴西） 伦敦时间：第二排第一个图片：² Name = LondonTime² Image = 伦敦_英国² ToolTip1上的ToolTip =伦敦（英国） 华盛顿时间：第二排第二个图片：² Name = WashingtonTime² Image = 华盛顿_美国² ToolTip1上的ToolTip =华盛顿（美国） 柏林时间：第二排第三个图片：² Name = BerlinTime² Image = 柏林_德国² ToolTip1上的ToolT

15、ip =柏林（德国） 巴黎时间：第二排第四个图片：² Name = ParisTime² Image = 巴黎_法国² ToolTip1上的ToolTip =巴黎（法国） 罗马时间：第二排第五个图片：² Name = RomeTime² Image = 罗马_意大利² ToolTip1上的ToolTip =罗马（意大利） 选择时区：第二排第六个图片：² Name = SelectTimeZone² Image = 选择时区² ToolTip1上的ToolTip = 点击此图，从菜单中选择您所需要查询的当地

16、时间² 添加标签Label3： Text =选择时区；Font = 宋体、粗体、三号；ForeColor = 红色；Location = 774,252至此，完成了“Clockfrm”界面设计，如图c3-4-5所示。图c3-4-6 “Clockfrm”界面*【项目设计3-3】创建“PassWordfrm”(口令窗体)“PassWordfrm”窗体的外观如图c3-3-1所示。图c3-3-1 “PassWordfrm”界面步骤一 在“解决方案资源管理器”中，右击“ClockSystem”，执行添加/Windows窗体，在弹出的“添加新项”窗口中的“名称”框中，输入“PassWordfrm

17、.vb”，然后单击“添加”按钮。步骤二 设置“PassWordfrm”属性：² Text = 空² ControlBox = False；² StartPosition = CenterScreen；² Size = 970，720² BackGroundImage = 添加“PassWordfrm背景图片.jpg”。步骤三 在窗体中添加Button1控件。 ² Name= Exitbtn '“btn”是Button类控件名的习惯缩写法² Text = 退 出² Font = 宋体；粗体；三号² Size = 174,54² Location = 426,470步骤四 添加事件过程² 双击Exitbtn按钮，