第一節(jié) 電子相冊(cè),粵教版 八年級(jí)下,粵教版初中信息技術(shù),課件,新知導(dǎo)入,觀看這個(gè)“電子相冊(cè)”并思考該如何做出這樣的效果？,新知講解,一、分析需求功能與控件,想一想： 剛才播放的電子相冊(cè)中，顯示三幅圖片，那么使用到了三個(gè)顯示提示按鍵和一個(gè)退出按鍵。在VB中編寫(xiě)，這些按鍵就是控件。本任務(wù)中就是選擇CommandButton控件、Image控件。,新知講解,二、Image控件,Image控件可以顯示來(lái)自位圖、圖標(biāo)及其他格式的圖形文件，與PictureBox（圖片框）控件相比，Image控件占用內(nèi)存少，顯示速度快。,新知講解,1、設(shè)置Image控件屬性,（1）Picture屬性。,Picture屬性可用于窗體、圖片框和圖像框等控件的圖片加載，可通過(guò)屬性窗口進(jìn)行設(shè)置。單擊右端按鈕，選擇圖片加載。,單擊此處加載圖片。,新知講解,通過(guò)Picture屬性將pic素材文件夾下的圖片“bg.jpg”加載到窗體中。,新知講解,該屬性只存在于Image控件中，它是用來(lái)自動(dòng)調(diào)整圖像框中圖形內(nèi)容的大小。取值為：True或False，當(dāng)值為T(mén)ure時(shí)，將自動(dòng)放大或縮小圖像框的圖形。,（2）Stretch屬性。,（a）Stretch屬性為true,（b）Stretch屬性為false,新知講解,三、設(shè)計(jì)界面,如何設(shè)置合適的對(duì)象，完成“名犬相冊(cè)”的界面設(shè)計(jì)？,新知講解,（1）建立工程,啟動(dòng)VB，在彈出的“新建工程”對(duì)話框中單擊“打開(kāi)”按鈕，進(jìn)入VB集成開(kāi)發(fā)環(huán)境。,新知講解,（2）創(chuàng)建圖形用戶(hù)界面, 在窗體“Form1”中添加4個(gè)CommandButton控件按鈕，其默認(rèn)名稱(chēng)分別為：Command1、Command2、Command3、Command4。,新知講解,（2）創(chuàng)建圖形用戶(hù)界面, 添加一個(gè)Image控件，其默認(rèn)名稱(chēng)為Image1。,新知講解,（3）設(shè)置對(duì)象屬性,新知講解,四、設(shè)計(jì)顯示圖片的算法,1、算法,算法可以理解為用計(jì)算機(jī)解決問(wèn)題的具體方法。算法的表示方法主要有自然語(yǔ)言、流程圖和偽代碼等。,新知講解,2、“名犬相冊(cè)”算法設(shè)計(jì),（1）創(chuàng)建一個(gè)圖像框（Image）控件和四個(gè)CommandButton按鈕控件。 （2）單擊“哈士奇”按鈕控件時(shí)，Image控件加載圖片“hsq.png”。 （3）單擊“博美犬”按鈕控件時(shí)，Image控件加載圖片“bmq.png”。 （4）單擊“吉娃娃”按鈕控件時(shí)，Image控件加載圖片“jww.png”。 （5）單擊“退出”按鈕控件時(shí)，退出程序。,新知講解,五、LoadPicture函數(shù),實(shí)現(xiàn)圖片加載，需要用到LoadPicture函數(shù)。格式為： 對(duì)象.Picture=loadPicture(“文件名”) 文件名需要指明相應(yīng)的存儲(chǔ)位置，才能正常加載。 App.Path是LoadPicture函數(shù)的好搭檔，它能返回程序所在的路徑，即相對(duì)路徑。 注意：保存的窗體文件夾和圖片文件夾需同在一個(gè)目錄下。,新知講解,1、添加代碼,（1）雙擊窗體上的“哈士奇”按鈕，打開(kāi)代碼窗口：,新知講解,六、調(diào)試程序,當(dāng)調(diào)試程序時(shí)，出現(xiàn)標(biāo)黃色，說(shuō)明代碼有錯(cuò)誤，藍(lán)色區(qū)域就是其錯(cuò)誤所在。修改成正確的才能運(yùn)行成功。,新知講解,輸入代碼時(shí)，需注意： （1）避免手動(dòng)輸入時(shí)的拼音錯(cuò)誤。 （2）多用系統(tǒng)提供的選項(xiàng)來(lái)輸入。 在正確輸入對(duì)象后的”.”時(shí)，會(huì)同時(shí)出現(xiàn)一個(gè)列表，直接點(diǎn)擊即可正確輸入。,新知講解,七、程序設(shè)計(jì)的基本過(guò)程,1、分析問(wèn)題階段，研究待解決問(wèn)題所給定的條件，要達(dá)到的目標(biāo)以及 解決問(wèn)題的總體思路。 2、設(shè)計(jì)算法階段。設(shè)計(jì)出解決問(wèn)題的具體方法。 3、調(diào)試階段。發(fā)現(xiàn)和排除程序的錯(cuò)誤問(wèn)題。,新知講解,如果在“名犬相冊(cè)”程序中增加關(guān)于名犬介紹的文字是不是更好？那么如何把原來(lái)編寫(xiě)的程序升級(jí)一下呢？我們來(lái)試試看！,課后習(xí)題,1、在Microsoft VB 6.0中，命令按鈕控件是（C） （A）Label （B）TextBox （C）CommandButton（D）Image,2、雙擊窗體中的對(duì)象后，VB將顯示的窗口是（C） （A）工具箱 （B）工程窗口 （C）代碼窗口（D）屬性窗口,課后習(xí)題,3、可以在圖片框或圖像框中顯示圖形的屬性是：（A） （A）Picture （B）Image （C）Icon （D）DownPicture,課堂總結(jié),1、設(shè)置Image控件屬性:Picture屬性、Stretch屬性（True或False）。 2、命令控件按鈕用：CommandButton。 3、圖像控件用：Image控件。 4、LoadPicture函數(shù)。格式為： 對(duì)象.Picture=loadPicture(“文件名”),板書(shū)設(shè)計(jì),一、分析需求功能與控件。 二、Image控件。 三、設(shè)計(jì)界面。 四、設(shè)計(jì)顯示圖片的算法 五、LoadPicture函數(shù) 六、調(diào)試程序 七、程序設(shè)計(jì)的基本過(guò)程