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