一伦连、本周目標(biāo)
1、學(xué)習(xí)目標(biāo):
1)深入理解邏輯設(shè)計(jì)可視化編程
2)掌握利用繪圖動(dòng)畫組件實(shí)現(xiàn)繪圖功能
3)了解事件與行為竞滓,掌握事件驅(qū)動(dòng)的編程木张,學(xué)會(huì)處理手機(jī)觸屏、劃屏煤蚌、計(jì)時(shí)等基本事件
2耕挨、學(xué)習(xí)重點(diǎn):
1)利用繪圖動(dòng)畫組件實(shí)現(xiàn)繪圖功能
3、學(xué)習(xí)難點(diǎn):
1)處理手機(jī)觸屏尉桩、劃屏等基本事件
二筒占、準(zhǔn)備開始
1、APP功能
1)用手指在虛擬的油漆桶中蘸取繪畫所需的顏色蜘犁;
2)用手指在手機(jī)屏幕上畫線赋铝;
3)用手指觸碰手機(jī)屏幕畫圓;
4)點(diǎn)擊畫布下方的按鈕來擦凈畫布沽瘦;
5)點(diǎn)擊畫布下方的按鈕來改變畫筆的尺寸革骨;
6)用相機(jī)拍攝照片,并在照片上繪畫析恋。
2良哲、小提示:注意修改名稱
1)項(xiàng)目名稱:想修改項(xiàng)目名稱,可以點(diǎn)擊菜單“項(xiàng)目→另存項(xiàng)目”助隧,就可以為原有項(xiàng)目賦予新的名稱筑凫,同時(shí)原有項(xiàng)目依然得以保留滑沧;
2)組件名稱:一般的組件名稱都可以修改,但Screen1例外巍实,在當(dāng)前版本中不能修改初始屏幕的名稱滓技;
3)屏幕標(biāo)題:出現(xiàn)在設(shè)備的標(biāo)題欄中,是屏幕的標(biāo)題屬性棚潦,默認(rèn)值是Screen1令漂,如第一章你好貓咪中所見到的,可以隨意修改它丸边,例如我們剛剛將它改為“油漆桶”叠必。
三、組件設(shè)計(jì)
水平布局一:用三個(gè)顏色按鈕控制畫筆顏色
畫布【繪畫動(dòng)畫——畫布】
功能:
· 有預(yù)設(shè)好背景圖
· 可在上面作畫
· 可以將圖片設(shè)置為用戶拍攝的照片
水平布局二:內(nèi)添加四個(gè)按鈕共苛,分別具有拍照、清除兩種功能
四蜓萄、邏輯設(shè)計(jì)【為我們的組件添加行為】
拖動(dòng)畫線【拖動(dòng)事件:手指在畫布上放下隅茎,手指與屏幕保持接觸并移動(dòng)】
這條線實(shí)際上是由無數(shù)個(gè)微小的直線(線段)構(gòu)成,手指每次微小的移動(dòng)绕德,都將從手指所在的最后一個(gè)位置開始,到手指的當(dāng)前位置為止摊阀,繪制一個(gè)微小的線段耻蛇。
實(shí)現(xiàn)按鈕功能
需要實(shí)現(xiàn)兩組按鈕胞此,三種功能:調(diào)色臣咖、拍照、清除
選擇按鈕對應(yīng)的事件——選擇被操作的對象——實(shí)現(xiàn)功能
五漱牵、小結(jié)
今天學(xué)習(xí)了新的組件——畫板夺蛇,畫板還有一些沒有用到的功能,可以嘗試探索一下酣胀。
六刁赦、作業(yè)
1、完成小安愛畫畫初級版的設(shè)計(jì)闻镶,并安裝體驗(yàn)甚脉。
2、嘗試添加新的功能铆农,比如調(diào)整畫筆粗細(xì)等牺氨。