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

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

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

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

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

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

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

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

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

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