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

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

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

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

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

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

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

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