《小學(xué)信息技術(shù) 課件教案 6年級上冊 課時12_第二單元_第12課 輕松逛花市——圖像與按鈕組件的使用-課件》由會員分享,可在線閱讀,更多相關(guān)《小學(xué)信息技術(shù) 課件教案 6年級上冊 課時12_第二單元_第12課 輕松逛花市——圖像與按鈕組件的使用-課件(76頁珍藏版)》請在裝配圖網(wǎng)上搜索。
1、思考:思考:輕松逛花市輕松逛花市AppApp01復(fù)習(xí)回顧01復(fù)習(xí)回顧AppApp制作的一般流程?制作的一般流程?二、組件設(shè)計二、組件設(shè)計三、邏輯設(shè)計三、邏輯設(shè)計AppApp制作制作1.1.找組件找組件2.2.拖組件拖組件3.3.改名稱改名稱4.4.設(shè)屬性設(shè)屬性1.1.找代碼找代碼2.2.拼代碼拼代碼一、新建項目一、新建項目四、連接四、連接測試測試02新建項目二、組件設(shè)計二、組件設(shè)計三、邏輯設(shè)計三、邏輯設(shè)計1.1.找組件找組件2.2.拖組件拖組件3.3.改名稱改名稱4.4.設(shè)屬性設(shè)屬性1.1.找代碼找代碼2.2.拼代碼拼代碼一、新建項目一、新建項目四、連接四、連接測試測試 huashiAppAp
2、p制作制作 輕松逛花市輕松逛花市03組件設(shè)計二、組件設(shè)計二、組件設(shè)計三、邏輯設(shè)計三、邏輯設(shè)計1.1.找組件找組件2.2.拖組件拖組件3.3.改名稱改名稱4.4.設(shè)屬性設(shè)屬性1.1.找代碼找代碼2.2.拼代碼拼代碼一、新建項目一、新建項目四、連接四、連接測試測試 huashiAppApp制作制作 輕松逛花市輕松逛花市 所需組件所需組件所需組件所需組件二、組件設(shè)計二、組件設(shè)計三、邏輯設(shè)計三、邏輯設(shè)計1.1.找組件找組件2.2.拖組件拖組件3.3.改名稱改名稱4.4.設(shè)屬性設(shè)屬性1.1.找代碼找代碼2.2.拼代碼拼代碼一、新建項目一、新建項目四、連接四、連接測試測試 huashiAppApp制作制作
3、 輕松逛花市輕松逛花市組件組件設(shè)計設(shè)計應(yīng)用名稱:應(yīng)用名稱:輕松逛花市標題:標題:輕松逛花市背景圖片:背景圖片:beijing.png1.1.屏幕組件屏幕組件 屬性屬性 水平對齊:水平對齊:居中應(yīng)用說明:應(yīng)用說明:圖標圖標:tubiao.jpg通過點擊按鈕瀏覽圖片2.2.按鈕按鈕組件組件屬性屬性組件組件設(shè)計設(shè)計重命名重命名:文本:文本:文本對齊:文本對齊:居中天河花市按鈕海珠花市按鈕荔灣花市按鈕天河花市海珠花市荔灣花市3.3.圖像圖像組件組件屬性屬性組件組件設(shè)計設(shè)計高度高度:60比例寬度:寬度:充滿圖片:圖片:tianhe.jpghaizhu.jpgliwan.jpg圖像圖像組件屬性組件屬性圖片
4、:圖片:tianhe.jpghaizhu.jpgliwan.jpg上傳方式上傳方式一:一:上傳方式上傳方式二:二:圖片的文件名只能包含英文、數(shù)字和特殊字符。組件設(shè)計組件設(shè)計1.1.找組件找組件分析分析作品作品2.2.拖組件拖組件從組件面板拖到工作從組件面板拖到工作面板面板3.3.改名稱改名稱根據(jù)組件的作用和根據(jù)組件的作用和功能功能4.4.設(shè)屬性設(shè)屬性根據(jù)組件根據(jù)組件呈現(xiàn)的呈現(xiàn)的效果效果 小結(jié):小結(jié):04邏輯設(shè)計二、組件設(shè)計二、組件設(shè)計三、邏輯設(shè)計三、邏輯設(shè)計1.1.找組件找組件2.2.拖組件拖組件3.3.改名稱改名稱4.4.設(shè)屬性設(shè)屬性1.1.找代碼找代碼2.2.拼代碼拼代碼一、新建項目一、新
5、建項目四、連接四、連接測試測試 huashiAppApp制作制作 輕松逛花市輕松逛花市 是否是否點擊是否是否點擊二、組件設(shè)計二、組件設(shè)計三、邏輯設(shè)計三、邏輯設(shè)計1.1.找組件找組件2.2.拖組件拖組件3.3.改名稱改名稱4.4.設(shè)屬性設(shè)屬性1.1.找代碼找代碼2.2.拼代碼拼代碼一、新建項目一、新建項目四、連接四、連接測試測試 huashiAppApp制作制作 輕松逛花市輕松逛花市輸入圖片文件名注意參數(shù)設(shè)置邏輯設(shè)計邏輯設(shè)計邏輯設(shè)計邏輯設(shè)計相同代碼塊相同代碼塊可以復(fù)制后可以復(fù)制后再修改相應(yīng)再修改相應(yīng)的參數(shù)。的參數(shù)。邏輯設(shè)計邏輯設(shè)計1.1.找代碼找代碼2.2.拼代碼拼代碼分析邏輯關(guān)系分析邏輯關(guān)系
6、畫流程圖畫流程圖注意參數(shù)設(shè)置注意參數(shù)設(shè)置 小結(jié):小結(jié):05連接測試二、組件設(shè)計二、組件設(shè)計三、邏輯設(shè)計三、邏輯設(shè)計1.1.找組件找組件2.2.拖組件拖組件3.3.改名稱改名稱4.4.設(shè)屬性設(shè)屬性1.1.找代碼找代碼2.2.拼代碼拼代碼一、新建項目一、新建項目四、連接四、連接測試測試 huashiAppApp制作制作 輕松逛花市輕松逛花市組件設(shè)計組件設(shè)計 邏輯設(shè)計邏輯設(shè)計圖片文件圖片文件名不完整,名不完整,缺少后綴缺少后綴名名.jpg.jpg 。增增加加按按鈕鈕和和圖圖片片改改變變按按鈕鈕背背景景顏顏色色改改變變按按鈕鈕文文本本顏顏色色優(yōu)化作品優(yōu)化作品06課堂總結(jié)二、組件設(shè)計二、組件設(shè)計三、邏輯
7、設(shè)計三、邏輯設(shè)計AppApp制作制作一、新建項目一、新建項目四、連接四、連接測試測試 輕松逛花市輕松逛花市huashihuashi07練一練1.1.在在進行進行huashihuashi項目的組件項目的組件設(shè)計設(shè)計時,要使按鈕組件和圖時,要使按鈕組件和圖像組件都位于屏幕居中位置,應(yīng)該設(shè)置像組件都位于屏幕居中位置,應(yīng)該設(shè)置()。)。A.A.按鈕和圖像組件的按鈕和圖像組件的“文本對齊文本對齊”屬性為屬性為“居中居中”B.B.Screen1Screen1屏幕的屏幕的“水平對齊水平對齊”屬性為屬性為“居中居中”C.C.鼠標拖動按鈕和圖像組件至屏幕中間鼠標拖動按鈕和圖像組件至屏幕中間B B2.2.使用圖像
8、組件時,如果圖像組件使用圖像組件時,如果圖像組件不能完整不能完整顯示圖片,顯示圖片,應(yīng)該設(shè)置圖像組件的(應(yīng)該設(shè)置圖像組件的()。)。A.A.寬度、高度屬性寬度、高度屬性B.B.圖片屬性圖片屬性C.C.旋轉(zhuǎn)角度屬性旋轉(zhuǎn)角度屬性A A3.3.在進行在進行huashihuashi項目的項目的邏輯設(shè)計時,要顯示文件名為邏輯設(shè)計時,要顯示文件名為“tianhe.jpg”“tianhe.jpg”的圖片,應(yīng)在文本代碼塊的圖片,應(yīng)在文本代碼塊 內(nèi)內(nèi) 寫入(寫入()。)。A.A.tianhetianheB.B.tianhe.jpgtianhe.jpgC.C.tianhejpgtianhejpgB B08動手實踐畢畢業(yè)業(yè)相相冊冊家家庭庭相相冊冊Screen1Screen1的的“水平對齊水平對齊”方式應(yīng)設(shè)為方式應(yīng)設(shè)為“居中居中”。按鈕組件的按鈕組件的“名稱名稱”。按鈕顯示的按鈕顯示的“文本文本”內(nèi)內(nèi)容。容。按鈕顯示按鈕顯示文文本要在本要在“文文本本”輸入框輸入框中輸入。中輸入。此參數(shù)應(yīng)設(shè)此參數(shù)應(yīng)設(shè)為為“圖片圖片”。單擊單擊“下拉下拉”按鈕,選擇按鈕,選擇合適的參數(shù)。合適的參數(shù)。單擊按鈕組件單擊按鈕組件屬性中屬性中“背景背景顏色顏色”設(shè)置按設(shè)置按鈕的鈕的“背景顏背景顏色色”。單擊按鈕組件單擊按鈕組件屬性中屬性中“文本文本顏色顏色”,設(shè)置,設(shè)置按鈕的按鈕的“文本文本顏色顏色”。