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