第二章和第三章

1、3.6 PictureBox(圖片)控件將位圖BMP、GIF、JPEG、Metafile或圖標(biāo)格式的圖片顯示在窗體上時(shí)，需要使用PictureBox控件。圖片可以在設(shè)計(jì)階段用Image屬性先加載到PictureBox控件中，也可以在程序運(yùn)行時(shí)使用Image.FronFile(“路徑/文件名”)從磁盤驅(qū)動(dòng)器中加載。表3.6列舉了PictureBox的常用成員。表3-6 PictureBox的常用成員成員名稱說(shuō)明Image屬性顯示的圖像BorderStyle屬性邊框樣式SizeMode屬性設(shè)定加載的圖片在PictureBox控件中的擺放方式，有以下四種設(shè)定：Normal(默認(rèn)值)：從控件的左上角放

2、起StretchImage：圖片隨控件大小伸縮AutoSize：控件隨圖片大小伸縮CenterImage：將圖片位于控件的正中央Zoom：圖像按其原有的大小比例伸縮Hide方法隱藏控件內(nèi)的圖片1 代碼設(shè)置PictureBox1屬性舉例： 放在PictureBox1控件中的圖片設(shè)置成隨控件大小縮放：PictureBox1.SizeMode = PictureBoxSizeMode.StretchImage 將D盤abc文件夾下的Waves.bmp圖片加載到PictureBox1控件中：PictureBox1.Image = System.Drawing.Image.FromFile(“D:abc

3、Waves.bmp”) 清除PictureBox1控件中的圖片PictureBox1.Image = NothingPictureBox控件不是可選擇的控件，意味著該控件不能接收焦點(diǎn)。2 在設(shè)計(jì)狀態(tài)下加載圖像在設(shè)計(jì)狀態(tài)下為PictureBox1控件添加圖像的操作步驟是：?jiǎn)螕簟皩傩源翱凇敝械摹癐mage”屬性，然后單擊該屬性框右面的生成按鈕，彈出“選擇資源”窗口，如圖3-16.圖3-16“選擇資源”窗體 選“本地資源”選項(xiàng)，然后單擊“導(dǎo)入”按鈕。在打開的“文件目錄”窗口中選擇要添加的圖像文件。最后單擊圖3-15中的“確定”按鈕。 選“項(xiàng)目資源文件”選項(xiàng)。在該選項(xiàng)下的窗口中列出了“解決方案資源管理

4、器”中“Resources”文件夾下的所有圖像文件。如果沒有所需圖像，需要通過點(diǎn)擊“導(dǎo)入”按鈕，將所需圖像導(dǎo)入項(xiàng)目中。由“本地資源”法和“項(xiàng)目資源文件”法都可以將圖像加入PictureBox1控件中，兩者的差別在于，“本地資源”法只加載圖像到PictureBox1控件中；而“項(xiàng)目資源文件”法需要先將圖像文件加載到Resources中，然后再添加到控件中。因此，“項(xiàng)目資源文件”法會(huì)增加項(xiàng)目的文件大小。*【項(xiàng)目設(shè)計(jì)3-2】“Clockfrm”界面設(shè)計(jì)(1) 創(chuàng)建標(biāo)簽控件和按鈕控件設(shè)置“Clockfrm”界面(圖1-1)左上角的Label控件和右上角的Button控件。1 創(chuàng)建Label控件步驟一

5、進(jìn)入“ClockSystem.sln”文件所在的文件夾，雙擊“ClockSystem.sln”文件，啟動(dòng)“ClockSystem”項(xiàng)目。啟動(dòng)項(xiàng)目后，若“Clockfrm.vb設(shè)計(jì)”窗口未打開，則雙擊“解決方案資源管理器”中的Form1.vb文件，打開“Clockfrm.vb設(shè)計(jì)”窗口。步驟二 雙擊工具箱中的label工具(圖c3-2-1)，在窗體中新建標(biāo)簽控件Label1，對(duì)Label1進(jìn)行如下屬性設(shè)置：² Text = 北京時(shí)間² Font = 隸書；粗體；小初² ForeColor = 255，0，0² Location = 20，40步驟三 創(chuàng)建L

6、abel2標(biāo)簽控件。對(duì)Label2進(jìn)行如下設(shè)置：² Text = Beijing² Font = Times New Roman；粗體；一號(hào)² ForeColor = RGB(0，0，255)² Location = 50，90創(chuàng)建Label1和Label2后，Clock界面如圖c3-2-2所示。圖c3-2-1 “ClockSystem”窗口圖c3-2-2 “Clockfrm”界面2 創(chuàng)建Button控件步驟一 創(chuàng)建按鈕Button1：² Text = 時(shí)間校核² Font = 隸書；粗體；三號(hào)² Size = 80,66&

7、#178; Location = 770,40步驟二 創(chuàng)建按鈕Button2：Text = 顯示方式Button3：Text = 鬧鐘設(shè)定Button4：Text = 運(yùn)行懸掛² 同時(shí)選中Button2、Button3和Button4，設(shè)置Font = 隸書；粗體；三號(hào)² 同時(shí)選中Button1、Button2、Button3和Button4，以Button1為參照物，執(zhí)行格式/使大小相同/兩者² 用鼠標(biāo)左鍵點(diǎn)中按鈕并移動(dòng)按鈕的方法，將Button2、Button3和Button4初步排列成圖c3-2-3所示的樣式。² 同時(shí)選中Button1、Butto

8、n2，以Button1為參照物，執(zhí)行格式/對(duì)齊/頂端對(duì)齊² 同時(shí)選中Button1、Button3，以Button1為參照物，執(zhí)行格式/對(duì)齊/左對(duì)齊圖c3-2-3 “Clockfrm”界面步驟三 設(shè)置以上按鈕的名稱屬性：² Button1：Name = SetTime（時(shí)間校核）² Button2：Name = ClockType（顯示方式）² Button3：Name = SetAlarm（鬧鐘設(shè)定）² Button4：Name = RunPause（運(yùn)行懸掛）*【項(xiàng)目設(shè)計(jì)3-4】“Clockfrm”界面設(shè)計(jì)(2) 創(chuàng)建時(shí)鐘控件1 創(chuàng)建“主鐘

9、”控件在“Clockfrm”窗體上創(chuàng)建PictureBox1控件² Image = 主鐘模板.bmp² SizeMode = AutoSize² Location = 270，50設(shè)置結(jié)果如圖c3-4-1。為了防止程序運(yùn)行時(shí)主鐘控件遮擋窗體左上角的Label控件顯示長(zhǎng)文本內(nèi)容，對(duì)Label1和Label2控件分別做如下設(shè)置：格式順序置于頂層 '確保能完整顯示文字，不被其他控件遮擋圖c3-4-1 “Clockfrm”界面2 創(chuàng)建“主要城市時(shí)鐘”控件步驟一 創(chuàng)建分組框GroupBox1： ² Text = 空² Location = 36，

10、470² Size = 910，290步驟二 創(chuàng)建ToolTip1控件。ToolTip是運(yùn)行時(shí)控件，新建的ToolTip1控件顯示在窗體設(shè)計(jì)器下方，如圖c3-4-2所示。圖c3-4-2 “Clockfrm”窗口步驟三 創(chuàng)建世界主要城市的鐘盤圖片： 北京時(shí)間：?jiǎn)螕簟肮ぞ呦洹敝械腜ictureBox工具，在分組框GroupBox1中創(chuàng)建PictureBox2控件：² Name = BeijingTime² SizeMode = StretchImage （圖片隨控件大小伸縮）² Location = 36,24² Size = 95,120

11、8; Image = 北京_中國(guó)² ToolTip1上的ToolTip = 北京（中國(guó)） 鐘盤圖片控件定位：² 利用“BeijingTime”圖片控件，在GroupBox1中“拷貝-粘貼”出11個(gè)控件，如圖c3-4-3所示。² 第一排最右一張圖片定位：Location = 776,24² 第二排第一張圖片定位：Location = 36,156² 第二排最右一張圖片定位：Location = 776,156² 選中第一排中的6張圖片，以第一張為參考，執(zhí)行格式/對(duì)齊/頂端對(duì)齊。再執(zhí)行格式/水平間距/相同間隔。² 與第一排的操作

12、方法類似，對(duì)第二排中的6張圖片進(jìn)行定位。最后結(jié)果如圖c3-4-4所示。圖c3-4-3 “拷貝-粘貼”出11個(gè)控件圖c3-4-4 圖片定位選中“Clockfrm”窗體和所有控件(注意分組框GroupBox1中的時(shí)鐘圖像要各個(gè)選中)，設(shè)“屬性窗口”中的Locked = True，預(yù)防已設(shè)定的控件位置被誤修改。保存文件。 平壤時(shí)間：對(duì)第一排第二個(gè)圖片進(jìn)行屬性設(shè)置：² Name = PyongyangTime² Image = 平壤_朝鮮² ToolTip1上的ToolTip =平壤（朝鮮） 東京時(shí)間：第一排第三個(gè)圖片：² Name = TokyoTime

13、78; Image = 東京_日本² ToolTip1上的ToolTip =東京（日本） 新加坡時(shí)間：第一排第四個(gè)圖片：² Name = SingaporeTime² Image = 新加坡² ToolTip1上的ToolTip =新加坡 曼谷時(shí)間：第一排第五個(gè)圖片：² Name = BangkokTime² Image = 曼谷_泰國(guó)² ToolTip1上的ToolTip =曼谷（泰國(guó)） 巴西利亞時(shí)間：第一排第六個(gè)圖片：² Name = BrasiliaTime² Image = 巴西利亞_巴西

14、8; ToolTip1上的ToolTip =巴西利亞（巴西） 倫敦時(shí)間：第二排第一個(gè)圖片：² Name = LondonTime² Image = 倫敦_英國(guó)² ToolTip1上的ToolTip =倫敦（英國(guó)） 華盛頓時(shí)間：第二排第二個(gè)圖片：² Name = WashingtonTime² Image = 華盛頓_美國(guó)² ToolTip1上的ToolTip =華盛頓（美國(guó)） 柏林時(shí)間：第二排第三個(gè)圖片：² Name = BerlinTime² Image = 柏林_德國(guó)² ToolTip1上的ToolT

15、ip =柏林（德國(guó)） 巴黎時(shí)間：第二排第四個(gè)圖片：² Name = ParisTime² Image = 巴黎_法國(guó)² ToolTip1上的ToolTip =巴黎（法國(guó)） 羅馬時(shí)間：第二排第五個(gè)圖片：² Name = RomeTime² Image = 羅馬_意大利² ToolTip1上的ToolTip =羅馬（意大利） 選擇時(shí)區(qū)：第二排第六個(gè)圖片：² Name = SelectTimeZone² Image = 選擇時(shí)區(qū)² ToolTip1上的ToolTip = 點(diǎn)擊此圖，從菜單中選擇您所需要查詢的當(dāng)?shù)?/p>

16、時(shí)間² 添加標(biāo)簽Label3： Text =選擇時(shí)區(qū)；Font = 宋體、粗體、三號(hào)；ForeColor = 紅色；Location = 774,252至此，完成了“Clockfrm”界面設(shè)計(jì)，如圖c3-4-5所示。圖c3-4-6 “Clockfrm”界面*【項(xiàng)目設(shè)計(jì)3-3】創(chuàng)建“PassWordfrm”(口令窗體)“PassWordfrm”窗體的外觀如圖c3-3-1所示。圖c3-3-1 “PassWordfrm”界面步驟一 在“解決方案資源管理器”中，右擊“ClockSystem”，執(zhí)行添加/Windows窗體，在彈出的“添加新項(xiàng)”窗口中的“名稱”框中，輸入“PassWordfrm

17、.vb”，然后單擊“添加”按鈕。步驟二 設(shè)置“PassWordfrm”屬性：² Text = 空² ControlBox = False；² StartPosition = CenterScreen；² Size = 970，720² BackGroundImage = 添加“PassWordfrm背景圖片.jpg”。步驟三 在窗體中添加Button1控件。 ² Name= Exitbtn '“btn”是Button類控件名的習(xí)慣縮寫法² Text = 退 出² Font = 宋體；粗體；三號(hào)² Size = 174,54² Location = 426,470步驟四 添加事件過程² 雙擊Exitbtn按鈕，