制作兒童魔術畫板

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

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

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

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

5、kgro un dImagesplash .JPG背景圖像Size478,100窗體尺寸大?。▽挘撸┓椒▌?chuàng)設情境、激發(fā)學 習興趣，營造良好 的學習氛圍明確任務，通過系 列實驗逐步呈現(xiàn) 知識教師演示學生練習，教師巡回指導、及時評價bool bAddAlpha = true ; /允許增加不透明度5.在FormSplash窗體中拖放一個Timer控件，并將其Enabled設置為True， 在timer1_Tick事件處理程序的相關代碼如下：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();至此閃屏效果就實現(xiàn)了。【理論知識】一、不透明度的概念Opacity屬性使您可以指定窗體及其控件的透明度級別。將此屬性設 置為小于100%(1.00)的值時，會使整個窗體(包括邊框)更透明。將此屬性設置為值0% (0.00)時，會使窗體完全不可見?？梢允褂么藢傩?提供不同級別的透明度，或者提供如窗體逐漸進入或退出視野這樣的效 果。例如，可以通過將Opacity屬性設置為值0% (0.00

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

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

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

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

11、ackGrou ndlmage按下圖10-9方 法設置，文件名稱為png-0590.png”。事件處理程序的相關代碼如下：private void picSave_Click( object sender, EventArgs e) -if (saveFileDialog1.ShowDialog() =DialogResult .OK)picWhiteBoardm age.Save(saveFileDialog1.FileName);類的Tran spare ncyKey的詳細內容記下 來教師演示學生練習，教師巡回指導、及時評價至此不規(guī)則主界面就制作完成了。【理論知識】請按F1鍵，查一下MSDNh的FormWindowState枚舉類型等