培訓(xùn)3天畫筆涂鴉

1、基本應(yīng)用：畫筆涂鴉編程知識(shí)小畫家目錄頁(yè) 復(fù)習(xí)2. 項(xiàng)目分析 需求分析界面設(shè)計(jì)代碼設(shè)計(jì)項(xiàng)目?jī)?yōu)化通過不同顏色，在手機(jī)屏幕上涂鴉，并能夠清除，將自己照片加入畫布背景。Canvas組件Button組件Layout組件按鈕的click事件 Cavans畫布的拖拽，觸碰事件，畫線與畫點(diǎn)方法界面優(yōu)化功能優(yōu)化界面設(shè)計(jì)canvas一個(gè)二維的、具有觸感的矩形面板，可以在其中繪畫，或讓精靈在其中移動(dòng)?？梢栽谠O(shè)計(jì)或編程視圖中設(shè)置其背景色、畫筆顏色、背景圖、寬、高等屬性。寬和高必須為正值，以像素為單位。畫布上的任何一點(diǎn)都可以表示為一對(duì)坐標(biāo)(x,y)，其中x表示該點(diǎn)距離畫布左邊界的像素?cái)?shù)y表示該店畫布距離上邊界的像素?cái)?shù)

2、屬性事件方法背景色【backgroundcolor】背景圖【backgroundimage】字號(hào)【FontSize】畫布上添加的文字的大小。線寬【linewidth】在畫布上畫線時(shí)，決定線的寬度。畫筆顏色【paintcolor】在畫布上繪制圖形時(shí)，決定圖形的顏色。拖拽【Dragged】觸摸(x,y,是否碰到精靈)【Touched】當(dāng)用戶觸摸畫布并立即抬起手指時(shí)，觸發(fā)該事件，參數(shù)(x,y)為觸摸點(diǎn)相對(duì)于畫布左上角的坐標(biāo)。理解屬性，事件，方法 屬性模塊事件模塊方法綠色模塊表示組件的特性卡其色模塊事件是指某種特定的情況發(fā)生，例如按鈕的點(diǎn)擊、畫布觸碰等。在App Inventor中事件是開啟程序執(zhí)行的

3、關(guān)鍵，通過事件的觸發(fā)，才能執(zhí)行事件處理模塊，進(jìn)而運(yùn)行程序中所包含的功能模塊。紫色模塊方法是組件的功能，可以自定義，一般與事件一起用。代碼設(shè)計(jì)流程圖開始 更改畫布屬性結(jié)束單擊按鈕像素大小 顏色Touched事件畫圓 dragged事件畫線觸碰畫布否是繪制圖形 清除任務(wù)一：添加觸碰事件，繪制一個(gè)圓點(diǎn)提示：在塊編輯器中輸入6然后回車，這種操作叫做輸入塊（typeblocking）。塊編輯器會(huì)根據(jù)你輸入的字符，顯示與該字符相匹配的一系列塊；如果輸入的是數(shù)字，那么將創(chuàng)建一個(gè)數(shù)字塊。測(cè)試：看看測(cè)試設(shè)備上都有什么。觸碰 DrawingCanvas，手指碰過的地方會(huì)留下一個(gè)圓點(diǎn)。如果在設(shè)計(jì)器中將Drawing

4、Canvas.PaintColor屬性設(shè)置為紅色，那么圓點(diǎn)也是紅色（否則應(yīng)該是默認(rèn)的黑色）。任務(wù)一：添加畫線的拖拽事件，實(shí)現(xiàn)畫線觸摸事件【Touched】拖拽事件【Dragged】 觸碰事件：手指在DrawingCanvas（畫布）上放下再抬起，其間手指沒有移動(dòng)。 拖拽事件：手指在DrawingCanvas（畫布）上放下，手指與屏幕保持接觸并移動(dòng)。在繪圖程序中，手指在屏幕上拖動(dòng)，沿著手指移動(dòng)的路徑，將繪制出一條巨大的曲線，因?yàn)檫@條曲線實(shí)際上由數(shù)百個(gè)微小的線段構(gòu)成：手指每次微小的移動(dòng)，都將繪制一個(gè)微小的線段。拖拽事件【Dragged】 適合與畫線StartX、StartY：手指開始拖動(dòng)時(shí)所在的位

5、置（整個(gè)曲線的起點(diǎn)）；currentX、currentY：手指的當(dāng)前位置（微小線段的終點(diǎn)）；prevX、prevY：手指的上一個(gè)位置（微小線段的起點(diǎn)）；draggedSprite：布爾值，如果用戶直接拖動(dòng)一個(gè)圖片，則其值為真。界面設(shè)計(jì)Button 顏色Button清除畫布內(nèi)容Button紅色（RedButton）wipeButton黃色（YellowButton）綠色（GreenButton）注意：組件起名原則上最好見名識(shí)意 ，便于添加代碼 功能+組件類型任務(wù)二：顏色修改及畫布內(nèi)容清理注意，PaintColor屬性是畫布組件上繪畫顏色，即畫布上線，點(diǎn)，圓等形狀等顏色比較：Button的clic

6、k事件與畫布觸摸事件，拖拽事件Button單擊事件【click】畫布觸摸事件【Touched】拖拽事件【Dragged】 是否有參數(shù)2.項(xiàng)目?jī)?yōu)化拓展提升界面優(yōu)化：canvas背景圖片, canvas組件知識(shí)功能優(yōu)化：畫圖時(shí)大小控制，變量知識(shí)任務(wù)三：畫線大小控制CheckBox組件及if判斷 CheckBox組件是可以同時(shí)選中多項(xiàng)的選項(xiàng)框，供用戶在不同的選項(xiàng)間進(jìn)行多項(xiàng)選擇時(shí)使用。在很多程序設(shè)計(jì)語(yǔ)言中，與之對(duì)應(yīng)的還有一個(gè)單選框，但在App Inventor 2開發(fā)環(huán)境中卻沒有提供，在本實(shí)例中其實(shí)是用CheckBox組件來完成單選框的功能，當(dāng)選中其中一個(gè)選框后，將其它選框設(shè)置為未選中狀態(tài)即可。任務(wù)三

7、：畫線大小控制CheckBox組件及if判斷任務(wù)三：畫線大小控制變量提問：如何改變所畫線的粗細(xì)？我們要用不同的半徑畫圓，但應(yīng)用怎么知道我們要用哪個(gè)值呢？必須通知應(yīng)用我們選定的值，而應(yīng)用必須以某種方式記住（或保存）這個(gè)值，這樣才能在需要的時(shí)候使用它。之前我們所使用的值，要么設(shè)定為屬性（如畫筆顏色），要么用固定的數(shù)字塊（如畫筆大?。F(xiàn)在應(yīng)用需要記住一些屬性之外的、不是固定不變的東西，這就需要定義一個(gè)變量。變量是一個(gè)存儲(chǔ)單元，可以把它想象成一個(gè)容器，里面存儲(chǔ)著可變的數(shù)據(jù)，如畫筆的大小。任務(wù)四：畫圓大小控制變量的定義命名：變量命名在塊編輯器中，從Variables（變量）抽屜中拖出一個(gè)initialize global name to塊。將“name”改為“Size”，同樣本著見名識(shí)意的原則。變量賦值（初始化變量）：兩種方法法一：在空白區(qū)直接輸入“10”然后回車；法二：從Math抽屜中拖出“0”塊，將0改為10。將其插到initialize global Size to塊的插槽中任務(wù)四：畫圓大小控制變量的使用及修改畫筆的大小取決于變量Size中保存值，變量Size允許用戶選擇畫筆畫線的大小。4.歸納總結(jié)1