初中信息技術(shù) 八年級(jí)下 電子相冊(cè)-PPT

1、第一節(jié) 電子相冊(cè)信息技術(shù) 八年級(jí)（下）第二章授課教師：俞雪君學(xué)校：紅嶺中學(xué)石廈初中部課程導(dǎo)入想一想，這是什么圖標(biāo)？ 第24屆冬季奧林匹克運(yùn)動(dòng)會(huì)（The XXIV Olympic Winter Games）于2022年2月4日在北京盛大開(kāi)幕。共設(shè)7個(gè)大項(xiàng)、15個(gè)分項(xiàng)和109個(gè)小項(xiàng). 北京2022年冬奧會(huì)會(huì)徽為“冬夢(mèng)”，主要由會(huì)徽?qǐng)D形、文字標(biāo)志、奧林匹克五環(huán)標(biāo)志三個(gè)部分組成，圖形主體形似漢字“冬”的書法形態(tài)。北京冬奧會(huì)會(huì)徽“冬夢(mèng)”課程導(dǎo)入點(diǎn)擊此處添加標(biāo)題說(shuō)一說(shuō)，你們熟悉這些圖片嗎？用VB制作一個(gè)簡(jiǎn)單的電子相冊(cè)。課程導(dǎo)入本課任務(wù)課程目標(biāo)1. 認(rèn)識(shí)Image控件，并能夠合理進(jìn)行Picture屬性和St

2、retch屬性的設(shè)置。2. 掌握LoadPicture函數(shù)，能夠使用該函數(shù)編寫代碼來(lái)實(shí)現(xiàn)圖片加載程序。3. 能夠進(jìn)行簡(jiǎn)單的程序調(diào)試，體驗(yàn)VB程序的基本編寫過(guò)程。問(wèn)題分析想一想，要制作一個(gè)簡(jiǎn)單的電子相冊(cè)，它的基本界面應(yīng)該是怎樣的？應(yīng)該包括哪些基本功能？顯示圖片圖片切換退出相冊(cè)圖片顯示區(qū)域圖片1顯示按鍵圖片2顯示按鍵圖片3顯示按鍵退出按鍵Image控件CommandButton控件任務(wù)一：利用Image控件加載圖片新建一個(gè)VB工程，利用 Image控件將 pic素材文件夾下的圖片“black.jpg”加載到窗體中。探究錦囊自學(xué)課本26-27頁(yè)，畫出重點(diǎn)語(yǔ)句觀看任務(wù)一微課視頻小組交流討論試一試對(duì)Im

3、age控件的Picture屬性和Stretch屬性進(jìn)行不同設(shè)置，查看圖片變化問(wèn)題分析任務(wù)一：利用Image控件加載圖片Image控件可以顯示來(lái)自位圖、圖標(biāo)及其他格式的圖形文件，與PictureBox（圖片框）控件相比，Image控件占用內(nèi)存少，顯示速度快，因此在VB中常常用到。Picture屬性設(shè)置窗體、圖片框和圖像框等控件的圖片加載Stretch屬性設(shè)置自動(dòng)調(diào)整圖像框中的圖形內(nèi)容大小Stretch屬性為TrueStretch屬性為False任務(wù)二：完成電子相冊(cè)的界面設(shè)計(jì)在前面功能分析的基礎(chǔ)上，在VB中完成電子相冊(cè)的界面設(shè)計(jì)。探究錦囊自學(xué)課本28-29頁(yè)，畫出重點(diǎn)語(yǔ)句觀看任務(wù)二微課視頻小組交流

4、討論圖片顯示區(qū)域圖片1顯示按鍵圖片2顯示按鍵圖片3顯示按鍵退出按鍵Image控件CommandButton控件電子相冊(cè)界面設(shè)計(jì)問(wèn)題分析任務(wù)二：完成電子相冊(cè)的界面設(shè)計(jì)在前面功能分析的基礎(chǔ)上，設(shè)置合適的對(duì)象，完成電子相冊(cè)的界面設(shè)計(jì)。圖片顯示區(qū)域圖片1顯示按鍵圖片2顯示按鍵圖片3顯示按鍵退出按鍵Image控件CommandButton控件電子相冊(cè)界面設(shè)計(jì)創(chuàng)建圖形用戶界面算法設(shè)計(jì)算法可以理解為用計(jì)算機(jī)解決問(wèn)題的具體方法，設(shè)計(jì)科學(xué)的算法是解決問(wèn)題的關(guān)鍵。主要的表示方法有自然語(yǔ)言、流程圖和偽代碼等。想一想要實(shí)現(xiàn)電子相冊(cè)的功能，該如何設(shè)計(jì)算法？創(chuàng)建一個(gè)_（圖像框）控件和五個(gè)_ 按鈕控件。單擊“紅臉”按鈕控件

5、時(shí)，Image控件加載圖片“red.jpg”。單擊“白臉”按鈕控件時(shí)，Image控件加載圖片“_”。單擊“_”按鈕控件時(shí)，Image控件加載圖片“black.jpg”。單擊“_”按鈕控件時(shí)，Image控件加載圖片“_”。單擊“_”按鈕控件時(shí)，退出程序?！熬﹦∧樧V與色彩”電子相冊(cè)算法設(shè)計(jì)算法設(shè)計(jì)在本節(jié)課中，我們采用通過(guò)按鍵“加載圖片”的方法來(lái)實(shí)現(xiàn)圖片的顯示。以“京劇臉譜與色彩”主題的電子相冊(cè)為例，請(qǐng)同學(xué)們幫忙補(bǔ)全算法。ImageCommandButtonwhite.jpg黑臉?biāo){臉blue.jpg退出思考如何實(shí)現(xiàn)將圖片通過(guò)按鈕控件加載到圖像框控件中去呢？LoadPicture函數(shù)任務(wù)三：編寫程序代

6、碼，完成電子相冊(cè)制作以小組為單位，在pic素材文件中選擇自己喜歡的相冊(cè)主題參照“京劇臉譜與色彩“電子相冊(cè)的算法，利用LoadPicture函數(shù)編寫自己的電子相冊(cè)程序代碼運(yùn)行程序觀察效果；若出現(xiàn)程序編譯錯(cuò)誤，記錄并在組內(nèi)討論解決方法。探究錦囊自學(xué)課本30-32頁(yè)，畫出重點(diǎn)語(yǔ)句觀看任務(wù)三微課視頻小組交流討論程序編寫任務(wù)三：編寫程序代碼，完成電子相冊(cè)制作LoadPicture函數(shù)能把指定存儲(chǔ)位置的圖形文件加載到窗體、圖片框或圖像框的Picture屬性中。對(duì)象.Picture = LoadPicture(“文件名”)使用App.Path返回圖片的相對(duì)路徑。對(duì)象.Picture = LoadPictur

7、e(App.Path & “ 文件名 ”)需要指明圖片的存儲(chǔ)位置圖片的相對(duì)存儲(chǔ)路徑需將圖片（或圖片文件夾）與工程文件保存在同一個(gè)目錄下。任務(wù)三：編寫程序代碼，完成電子相冊(cè)制作例：加載圖片“red.jpg”到名為ImgLp的Image圖像框控件中“red.jpg”圖片在pic文件夾中ImgLp.Picture = LoadPicture(App.Path & “ picred.jpg ”)圖片”red.jpg”相對(duì)于工程文件的存儲(chǔ)路徑Pic文件夾與工程文件保存在同一電子相冊(cè)目錄Red圖片的存儲(chǔ)位置：“計(jì)算機(jī)電子相冊(cè)picred.jpg”工程文件的存儲(chǔ)位置：“計(jì)算機(jī)電子相冊(cè)FrmLp.vbp”對(duì)象

8、.Picture = LoadPicture(App.Path & “ 文件名 ”)圖片的相對(duì)存儲(chǔ)路徑任務(wù)三：編寫程序代碼，完成電子相冊(cè)制作 雙擊“紅臉”按鈕，打開(kāi)代碼窗口，輸入程序代碼： Private Sub CmdRed_Click() ImgLp.Picture = LoadPicture(App.Path & picred.jpg) End Sub 參照的方法，編寫“黑臉”、“白臉”、“藍(lán)臉”按鈕的代碼。編寫“京劇臉譜與色彩”的程序代碼對(duì)象.Picture = LoadPicture(App.Path & “ 文件名 ”)圖片相對(duì)于工程文件的存儲(chǔ)路徑任務(wù)三：編寫程序代碼，完成電子相冊(cè)

9、制作 結(jié)束程序用“End”代碼表示，雙擊“退出”按鈕輸入代碼： Private Sub CmdQuit_Click() End End Sub編寫“京劇臉譜與色彩”的程序代碼任務(wù)三：編寫程序代碼，完成電子相冊(cè)制作程序輸入完畢，保存。單擊“運(yùn)行”菜單中的“啟動(dòng)”選項(xiàng)，或工具欄上的 按鈕，運(yùn)行程序并觀察其效果。程序調(diào)試程序運(yùn)行時(shí)，VB先要對(duì)代碼進(jìn)行編譯，這時(shí)產(chǎn)生的錯(cuò)誤是編譯錯(cuò)誤。按照它的提示修改程序，再運(yùn)行，指導(dǎo)程序運(yùn)行正確，這個(gè)過(guò)程就是程序調(diào)試。避免代碼拼寫錯(cuò)誤的方法：避免手動(dòng)輸入時(shí)的拼寫錯(cuò)誤多用系統(tǒng)提供的選項(xiàng)來(lái)輸入ImgLp.Picture 正確的拼寫ImgLp.pictrue 錯(cuò)誤的拼寫小組展示課堂總結(jié)電子相冊(cè)問(wèn)題分析算法設(shè)計(jì)程序編寫程序調(diào)試Picture屬性Stretch屬性Image控件CommandButton控件LoadPicture函數(shù)App.Path語(yǔ)句程序設(shè)計(jì)的基本過(guò)程拓展延伸12思考1：若需加載的