制作兒童魔術(shù)畫板

1、教師班級(jí)科目C#程序設(shè)計(jì)課題名稱項(xiàng)目九 制作兒童魔術(shù)畫板（1）課時(shí)數(shù)6背景分析本課程是為軟件技術(shù)專業(yè)的學(xué)生開設(shè)的一門很重要的程序設(shè)計(jì)類課程。本課程主要闡述了C#語言的編程技術(shù)，并根據(jù)面向?qū)ο蟪绦蛟O(shè)計(jì)的特點(diǎn)，以類的定義和使用為核心，講解C#勺各項(xiàng)語法知識(shí)，讓學(xué)生逐步建立起面向?qū)?象的設(shè)計(jì)思想，本課程實(shí)踐性較強(qiáng)。課程教學(xué)目標(biāo)要求學(xué)生掌握C#語法和操 作技能，并掌握類的相關(guān)理論概念及操作應(yīng)用。授課對(duì)象為電信系0803班的四年級(jí)學(xué)生，學(xué)生已經(jīng)具備疋的應(yīng)用軟件冃匕力。根據(jù)課程教學(xué)目標(biāo)和學(xué)生的專業(yè)特點(diǎn)，教學(xué)中應(yīng)當(dāng)注重培養(yǎng)學(xué)生的操作能力、思維能力和學(xué)習(xí)能力。本節(jié)課采用以項(xiàng)目教學(xué)為主，邊講邊做，讓學(xué) 生在做的

2、過程中學(xué)會(huì)探索、學(xué)會(huì)合作。學(xué)習(xí)目標(biāo)設(shè)定1掌握閃屏的處理技巧、窗體漸隱漸現(xiàn)效果的實(shí)現(xiàn)方法。2、 掌握不規(guī)則窗體的處理方法以及GDI+畫圖的靈活設(shè)計(jì)技巧。3、 培養(yǎng)學(xué)生積極思考、敢于嘗試，讓學(xué)生體驗(yàn)學(xué)習(xí)的樂趣，激發(fā)學(xué)生對(duì)本 課程的學(xué)習(xí)興趣。學(xué)習(xí)任務(wù) 描述學(xué)習(xí)任務(wù)圍繞GDI+中基本圖形的繪制及相關(guān)特殊效果處理而展開，教師設(shè)計(jì)“制作兒童魔術(shù)畫板”的綜合項(xiàng)目，并將其分解為3個(gè)任務(wù)：制作閃屏、制作不規(guī)則主界面和實(shí)現(xiàn)畫圖板功能來分部完成，今天的學(xué)習(xí)任務(wù)是前兩個(gè)。通過任務(wù)的設(shè)定，引導(dǎo)學(xué)生自主學(xué)習(xí)、合作學(xué)習(xí)、競(jìng)爭(zhēng)學(xué)習(xí)。教學(xué)情境創(chuàng)設(shè)今天通過對(duì)一個(gè)貼近學(xué)生生活的項(xiàng)目學(xué)習(xí)，引導(dǎo)學(xué)生做中學(xué)習(xí)、合作學(xué) 習(xí)。圍繞課堂總目標(biāo)

3、，學(xué)習(xí)情境創(chuàng)設(shè)為“制作閃屏”，“制作不規(guī)則主界面”讓學(xué)生在不斷的成功體驗(yàn)中進(jìn)行快樂學(xué)習(xí)。教學(xué)資源準(zhǔn)備時(shí)間資源：課前資料收集、課堂教學(xué)360分鐘、課后資料整理、完成作業(yè)信息資源：教案、教學(xué)素材人員資源：2位專業(yè)教師，學(xué)生小組設(shè)備資源：信息技術(shù)中心機(jī)房教學(xué)過程實(shí)施【導(dǎo)入】Magic Whiteboard是一款為你的孩子和全家人帶來大量樂趣的令人難以置信的涂鴉游戲軟件。Magic Whiteboard可以被用于最多5臺(tái)計(jì)算機(jī)聯(lián)網(wǎng)的一個(gè)家庭計(jì)算機(jī)網(wǎng)絡(luò)，因此你和孩子們可以在一起同時(shí)畫 圖。這款充滿魅力且簡(jiǎn)單易用的游戲軟件擁有彩色的圖形和動(dòng)畫卡通人物。Magic Whiteboard允許采用諸如BMP,

4、JPG, GIF等格式打印和保存繪制的圖畫。效果圖如下：【新課】項(xiàng)目分析：制作兒童魔術(shù)畫板主要的步驟：1制作閃屏2制作不規(guī)則主界面3.實(shí)現(xiàn)畫圖板功能今天完成學(xué)習(xí)制作兒童魔術(shù)畫板的前兩個(gè)步驟。任務(wù)一制作閃屏【任務(wù)描述】 新建項(xiàng)目，為窗體設(shè)置背景圖片并在相應(yīng)事件中寫入代碼?！救蝿?wù)實(shí)施】1.新建一個(gè)Windows項(xiàng)目，在模板中選擇Windows應(yīng)用程序”，將項(xiàng)目名稱設(shè)為 “Magic Pa in ter”,位置設(shè)為 “E:CspharpAppExamples（或其它位置）。2.設(shè)置該窗體屬性。屬性取值說明NameFormSplash；窗體類名稱FormBorderStyleNone邊框大小固定Bac

5、kgro un dImagesplash .JPG背景圖像Size478,100窗體尺寸大?。▽挘撸┓椒▌?chuàng)設(shè)情境、激發(fā)學(xué) 習(xí)興趣，營造良好 的學(xué)習(xí)氛圍明確任務(wù)，通過系 列實(shí)驗(yàn)逐步呈現(xiàn) 知識(shí)教師演示學(xué)生練習(xí)，教師巡回指導(dǎo)、及時(shí)評(píng)價(jià)bool bAddAlpha = true ; /允許增加不透明度5.在FormSplash窗體中拖放一個(gè)Timer控件，并將其Enabled設(shè)置為True， 在timer1_Tick事件處理程序的相關(guān)代碼如下：private void timer1_Tick( object sender, EventArgs e)if (bAddAlpha)if ( this .O

6、pacity 0.1)this .Opacity -= 0.1;else bSubAlpha =false ;this .timer1.Enabled = false new FormMain().Show();至此閃屏效果就實(shí)現(xiàn)了?！纠碚撝R(shí)】一、不透明度的概念Opacity屬性使您可以指定窗體及其控件的透明度級(jí)別。將此屬性設(shè) 置為小于100%(1.00)的值時(shí)，會(huì)使整個(gè)窗體(包括邊框)更透明。將此屬性設(shè)置為值0% (0.00)時(shí)，會(huì)使窗體完全不可見?？梢允褂么藢傩?提供不同級(jí)別的透明度，或者提供如窗體逐漸進(jìn)入或退出視野這樣的效 果。例如，可以通過將Opacity屬性設(shè)置為值0% (0.00

7、)，并逐漸增加StartPositio nCen terScree n屏幕正中TextFormSplash窗口標(biāo)題(可以不設(shè)置)Opacity0%可控制顯示的窗口的不透 明度，可設(shè)置為一個(gè)介于0.0(完全透明)與1.0(完全不透明)之間的值師生互動(dòng)學(xué)習(xí)環(huán)節(jié)包括合 作與探索”、“交流 與分享”、“實(shí)踐與 體驗(yàn)”引導(dǎo)學(xué)生：除了用漸隱漸顯 的效果， 請(qǐng)你試一 試用進(jìn)度條來表 現(xiàn)。提問： 請(qǐng)你指出newFormMain().Show();的作用，以及符合哪 種條件才能執(zhí)行這條 語句呢？教師教授引導(dǎo)學(xué)生： 請(qǐng)按F1鍵，查一 下MSDNt的Form類的信息，將這個(gè)3.將圖片文件splash.JPG”拷貝到

8、MagicPainterbinDebugpngs下，在程序中將此畫面作為啟動(dòng)屏幕背景。如下圖:4.設(shè)置兩個(gè)Boolean型全局變量bool bSubAlpha = false ; /不允許降低不透明度該值直到它達(dá)到100% (1.00)，使一個(gè)窗體逐漸進(jìn)入視野。Opacity與Tran spare ncyKey提供的透明度不同，后者只能使窗體及其控件完全透明(當(dāng)窗體及其控件的顏色與Tran spare ncyKey屬性中指定的值所表示的顏色相同時(shí))。任務(wù)二制作不規(guī)則主界面【任務(wù)描述】繪制不規(guī)則形狀的背景圖，搜集一些卡通圖標(biāo)做為按鈕，完善程序功能。 【任務(wù)實(shí)施】1.繪制不規(guī)則形狀的背景圖，如下圖

9、：師生互動(dòng) 引導(dǎo)學(xué)生：為了將來能 實(shí)現(xiàn)透明，此背景 圖設(shè)為純黃色，請(qǐng) 你記住自己設(shè)定 的顏色值。同時(shí)， 給畫板留出足夠 的空間(如本圖的灰色部分)。2.實(shí)現(xiàn)關(guān)閉窗口功能拖入一個(gè)PictureBox控件，將名稱設(shè)為picClose”,同時(shí)將組件的 背景色改為Tran sparent(透明)， 背景圖像BackGro un dImage按下圖10-7方法設(shè)置，文件名稱為png-0652.png”。事件處理程序的相關(guān)代碼如下：private void picClose_Click( object sender, EventArgs e) Application .Exit();3.實(shí)現(xiàn)最小化窗口功能

10、拖入一個(gè)PictureBox控件，將名稱設(shè)為picMin”，同時(shí)將組件的背景 色改為Tran spare nt(透明)，背景圖像BackGrou ndlmage按下圖10-8方法設(shè)置，文件名稱為png-0298.png”。事件處理程序的相關(guān)代碼如下：private void picMin_Click( object sender, EventArgs e)this .WindowState = FormWindowState.Minimized;4.實(shí)現(xiàn)保存圖象功能拖入一個(gè)PictureBox控件， 將名稱設(shè)為picMin”，同時(shí)將組件的背景色 改為Tran sparent(透明)，背景圖像B

11、ackGrou ndlmage按下圖10-9方 法設(shè)置，文件名稱為png-0590.png”。事件處理程序的相關(guān)代碼如下：private void picSave_Click( object sender, EventArgs e) -if (saveFileDialog1.ShowDialog() =DialogResult .OK)picWhiteBoardm age.Save(saveFileDialog1.FileName);類的Tran spare ncyKey的詳細(xì)內(nèi)容記下 來教師演示學(xué)生練習(xí)，教師巡回指導(dǎo)、及時(shí)評(píng)價(jià)至此不規(guī)則主界面就制作完成了?！纠碚撝R(shí)】請(qǐng)按F1鍵，查一下MSDNh的FormWindowState枚舉類型等