CBuilder的多媒體世界ppt課件

1、第十一章 C+ Builder 的多媒體世界在這個(gè)新的世代，圖片、動畫充溢在我們的身邊，BCB當(dāng)然也不能在多媒體這塊區(qū)域缺席。在第11章我們將介紹各種多媒體元件的運(yùn)用，也討論有關(guān)繪圖部分的設(shè)計(jì)，更深化探討影像繪圖處理上的速度，由於完好的元件援助，對於花俏功能的多媒體程式開發(fā)，對讀者們來說已經(jīng)不再是高深的程式。 大綱11-1 Image元件的建立11-2 ImageList元件的建立11-3 Animate動畫元件11-4 MediaPlayer元件11-5 繪圖功能本章習(xí)題11-1 Image元件的建立 圖形檔案的表現(xiàn)是本章所要介紹最根本的功能，BCB提供圖形載入的元件，可以方便的讓我們操作圖

2、形顯示和處理的動作，也就是本節(jié)所要介紹的Image元件。 Image元件不但可以讓我們把圖檔的內(nèi)容顯示在Image元件的顯示範(fàn)圍之內(nèi)，我們也可以針對開啟的圖檔存在元件屬性裡的資料作處理，也就是利用Image元件作為介面，讓我們來編輯圖形檔案的內(nèi)容。 Image圖形元件的主要屬性 屬性Properties 型態(tài)原型 說明 AutoSize bool 是否讓圖形顯示自動調(diào)整 Canvas TCanvas 描繪圖像 Center bool 調(diào)整圖像在顯示範(fàn)圍的中間 Picture TPicture 載入圖像 Height int 顯示方塊的長度 Width int 顯示方塊的寬度 Transpare

3、nt bool 背景是否透明 Strecth bool 是否縮放圖像 圖檔的載入方式 我們可以用兩種方法載入檔案： 第一種最簡單的就是用物件編輯器Object Inspector來手動放入檔案： 我們在程式開發(fā)方式下在我們所建立的Image元件上面按兩下滑鼠左鍵，這時(shí)就會出現(xiàn)載入圖檔的對話視窗，這時(shí)我們按下Load鍵就可以開啟檔案瀏覽的對話盒來指定要載入的檔案。目前援助的圖檔格式有jpg，bmp，ico，emt，wmf等普通常見的檔案格式。 另一種方式我們可以利用Picture屬性裡的LoadFromFile的函式 在程式執(zhí)行時(shí)把圖檔資訊餵進(jìn)去，除了在程式裡面把檔案的路徑和名稱寫死，這樣子在編

4、譯時(shí)期就決定了要載入的檔案；我們還可以動態(tài)的指定檔案，譬如說讓運(yùn)用者輸入，或是可以藉由OpenDialog元件或是OpenPictureDialog元件讓我們隨意的開啟所需求顯示的圖檔。11-2 ImageList元件的建立 假設(shè)我們要設(shè)計(jì)的應(yīng)用程式需求運(yùn)用很多的圖檔，或是要大量的作圖檔的存取動作，將每個(gè)Image元件的載入動作都做設(shè)定是一件很費(fèi)力的事情。這個(gè)時(shí)候我們也許會需求一個(gè)可以管理這些圖形的方法。而TImageList元件顧名思義就是集中各個(gè)Image圖像成為一個(gè)圖像的列表，意圖在可以讓我們便於管理圖像的存取，但是有一個(gè)非常重要的限制，就是列表中的圖像大小要完全一樣。ImageList

5、元件的重要屬性 屬性Properties 型態(tài)原型 說明 AllocBy Int 預(yù)設(shè)的List空間 BkColor TColor 影像繪出時(shí)的背景顏色 BlendColor TColor 影像繪出時(shí)的前景混合色 Count Int 目前所存入List的圖像數(shù)目 Height Int 指定List裡每個(gè)影像的高度 Width Int 指定List裡每個(gè)影像的寬度 ImageType TimageType 影像繪出時(shí)是否參與mask影像 Masked Bool 指定影像繪出時(shí)是否可以參與mask 運(yùn)用開發(fā)工具編輯ImageList我們從右圖裡可以看到幾個(gè)主要的部分，下面的Images裡所顯示的是

6、目前List裡一切的Image，當(dāng)點(diǎn)選了之後可以在Selected Image格裡看到預(yù)覽畫面，而每個(gè)圖像的下面所顯示的數(shù)字就是該圖像在這個(gè)List裡面的Index編號，這是很重要的資訊，我們在存取時(shí)所要指定圖像就得要知道該圖像在列表裡的編號。 運(yùn)用程式碼編輯ImageList除了用編輯畫面參與圖像，我們也可以在程式碼裡利用內(nèi)建的函式將圖像參與列表裡，如Add，AddImage等等。運(yùn)用方式如:Add Graphics:TBitmap* Image , Graphics:TBitmap * mask;就是指定Bitmap格式的圖像參與List裡。另外顯示圖像的方式我們可以利用Draw函式，方法

7、如下:DrawGraphics:TCanvas *, int x,int y,int Index;就是給予繪圖的元件，繪圖的起始座標(biāo)x和y，以及要繪出圖像在ImageList裡的Index編號。另外我們也可以利用Delete和Clear兩個(gè)函式把ImageList既有的圖像刪除，Delete函式是指定單一圖像一一刪除，所以我們必須在運(yùn)用Delete 時(shí)要指定所要刪除圖像的Index編號，而Clear函式則是將一切在列表裡的圖像全部刪除，用法如下:Deleteint Index;Clear ;11-3 Animate動畫元件 運(yùn)用Animate動畫元件可將動畫控制功能加到Form裡，動畫元件是一

8、種可以顯示影音動畫AVI檔案。AVI檔案是一系列連續(xù)的Bitmap圖形所結(jié)合陳列成的大量影像，連續(xù)撥放就像動畫一樣，而每一個(gè)顯示畫面的單位普通都稱為frame。BCB所提供的這個(gè)動畫表現(xiàn)的元件功能並不太完好，並不能撥放壓縮過的AVI檔案，只能撥放標(biāo)準(zhǔn)的AVI格式的檔案，而這樣的格式已經(jīng)漸漸的被淘汰了。我們來介紹這個(gè)元件的運(yùn)作方式，其實(shí)Animate動畫元件的運(yùn)用方式和下一節(jié)所要介紹的MediaPlayer的方式差不多，不過功能稍嫌陽春了些。Animate動畫元件的應(yīng)用 I 首先在開啟AVI檔案方面，元件的FileName屬性可以讓我們設(shè)定成所要開啟的檔案，所以我們可以利用這個(gè)屬性作介面，把檔案

9、指定給Animate元件，當(dāng)我們開啟了檔案之後就可以有以下的處理動作:Play，Seek，Reset，和Stop等等，這些動作都已經(jīng)寫成函式了。 Animate動畫元件的應(yīng)用 II當(dāng)我們把Animate元件參與Form時(shí)，所設(shè)定的元件大小就會是AVI格式撥放顯示的大小。首先當(dāng)運(yùn)用者開啟檔案後，如要撥放則如下:Animate1-Play0,Animate1-FrameCount,1;Play函式要求三個(gè)參數(shù)，分別為撥放的起始Frame，撥放的結(jié)尾Frame，以及撥放的次數(shù)，所以本例裡是從0開始撥放，撥放完好個(gè)AVI來源，而撥放次數(shù)是1次。而我們按下停頓功能鍵要求撥放停頓時(shí)，程式就執(zhí)行:Anima

10、te1-Stop;最後我們要求程式在撥放結(jié)束時(shí)能夠回到撥放前的起始Frame，所以在Animate元件在Stop事件發(fā)生時(shí)給予Reset的動作:Animate1-Reset;11-4 MediaPlayer元件Windows作業(yè)系統(tǒng)的一大魅力，就是在多媒體的表現(xiàn)上面不時(shí)有很突出的效果?，F(xiàn)在我們在Windows環(huán)境下，只需有作業(yè)系統(tǒng)內(nèi)建的MediaPlayer軟體，幾乎就可以撥放一切的多媒體檔案。在視窗環(huán)境下?lián)芊跑涹w透過MCIMedia Control Interface函式介面與多媒體設(shè)備溝通，所謂的MCI就是一種介於撥放介面和媒體資源的介面，對於撥放多媒體資料，已經(jīng)有MCI完成一些處理動作，

11、讓程式設(shè)計(jì)師可以利用這個(gè)介面輕易的作多媒體資料的處理。在BCB的環(huán)境下我們可以利用MediaPlayer元件來達(dá)到撥放的功能，MediaPlayer是MCI的元件類別，在視覺表現(xiàn)上只是一堆功能按鍵，但是該元件以和MCI做好完好的連結(jié)，所以我們只需求用到MediaPlayer元件就可以控制多媒體檔案，光碟機(jī)等多媒體設(shè)備，來達(dá)到撥放的功能。 MediaPlayer按鍵和功能說明圖示 按鈕名稱 設(shè)定值 說明 Play btPlay 開始執(zhí)行撥放動作 Pause btPause 暫時(shí)停頓撥放的動作 Stop btStop 停頓目前撥放的動作 Next btNext 跳到下一個(gè)Track Prev bt

12、Prev 條回上一個(gè)Track Step btStep 跳到下一個(gè)Frame Back btBack 跳回上一個(gè)Frame StartRecord btStartRecord 開始執(zhí)行錄音動作 Eject btEject 彈出光碟機(jī) MediaPlayer重要屬性說明 I 1.FileName屬性: FileName的型態(tài)為一Ansi字串，內(nèi)容為目前元件正在撥放的檔案路徑以及名稱。透過FileName屬性我們可以利用OpenDialog元件來處理開啟檔案的介面，如: MediaPlayer1-FileName = OpenDialog1-FileName; 2.Mode屬性: Mode屬性為紀(jì)

13、錄目前所開啟媒體設(shè)備的方式，其方式共有7種，分別為:Not Ready , Stopped , Playing , Recording , Seeking , Paused , Open。當(dāng)我們製作撥放程式介面時(shí)可以將Mode顯示在視窗某個(gè)地方，讓運(yùn)用者知道目前程式所執(zhí)行的動作為何。MediaPlayer重要屬性說明 II3.Notify屬性:Notify屬性為控制OnNotify事件能否發(fā)生，型態(tài)為Bool。如值為true則在目前MCI命令完成時(shí)將會啟動OnNotify事件，假設(shè)為False則否。舉例來說，假設(shè)我們希望撥放媒體完成時(shí)可以產(chǎn)生一個(gè)訊息告知我們檔案已經(jīng)撥放完畢，那我們就可以在No

14、tify屬性裡設(shè)定成true，並在OnNotify事件裡加進(jìn)顯示訊息的程式碼，Notify更改如:MediaPlayer1-Notify = true;MediaPlayer1-Play;OnNotify事件程式碼參與如下:application - MessageBox檔案撥放完畢!,NULL,MB_OK;end;4.Position屬性，StartPos屬性，EndPos屬性;紀(jì)錄檔案撥放的位置是控制檔案撥放的方式，StartPos屬性可以讓我們設(shè)定撥放檔案的時(shí)候要從哪個(gè)位置開始撥放，EndPos屬性則是讓我們設(shè)定要撥放到哪個(gè)位置，Position屬性則是紀(jì)錄目前撥放的位置。預(yù)設(shè)的Star

15、tPos和EndPos分別為檔案開始和結(jié)尾的地方，假設(shè)我們希望在撥放介面裡參與ScrollBar那我們就可以利用ScrollBar裡的Position屬性和MediaPlayer的Position去做對應(yīng)。MediaPlayer範(fàn)例說明 I撥放介面如右圖範(fàn)例我們可以看到的元件有MediaPlayer元件，Panel元件，MainMenu元件，ScrollBar元件以及三個(gè)Label元件。另外為了功能而加的有OpenDialog元件和Timer元件。 MediaPlayer範(fàn)例說明 II首先我們先在新的專案裡建立以下物件:OpenDialog1，Panel1，MediaPlayer1，Scrol

16、lBar1，Label1，Label2，Label3，Timer1，以及MainManu1等元件。在MainMenu1裡我們參與兩個(gè)選項(xiàng);Open和Exit，並且MainMenu1的Caption更改成File MediaPlayer範(fàn)例說明 III我們設(shè)計(jì)按下File的Open時(shí)，就會開啟檔案開啟對話方塊，讓我們選擇要撥放的檔案，而按下Exit時(shí)就關(guān)閉視窗。 所以要參與以下程式碼void _fastcall TForm1:Open1ClickTObject *Sender ifOpenDialog1-Execute MediaPlayer1-FileName = OpenDialog1-Fi

17、leName; MediaPlayer1-Open; Label3-Caption = MediaPlayer1-TrackLength1; ScrollBar1- Max = MediaPlayer1-TrackLength1; MediaPlayer範(fàn)例說明 IV首先我們希望開啟的檔案由MedaiPlayer1來撥放;MediaPlayer1-FileName = OpenDialog1-FileName;接著我們開始開啟MediaPlayerMediaPlayer1-Open;關(guān)於ScrollBar的總長度我們希望和檔案大小相關(guān)，所以我們以下設(shè)定:ScrollBar1- Max = Me

18、diaPlayer1-TrackLength1;然後我們設(shè)定按下Exit時(shí)的動作，在Exit1被Click的事件如下:void _fastcall TForm1:Exit1ClickTObject *Sender Form1-Close; MediaPlayer範(fàn)例說明 V以上的動作就把開啟檔案和關(guān)閉視窗的動作完成了，現(xiàn)在我們來留意MediaPlayer1該作的動作，以下為程式碼:void _fastcall TForm1:MediaPlayer1ClickTObject *Sender, TMPBtnType Button, bool &DoDefault MediaPlayer1-

19、Display = Panel1; MediaPlayer範(fàn)例說明 VI完成了以上的動作根本上媒體撥放的功能就已經(jīng)齊全了，不過我們還希望能夠有ScrollBar來顯示撥放進(jìn)度，以及我們可以利用ScrollBar來調(diào)整撥放的內(nèi)容。要考慮ScrollBar的動作有兩個(gè)地方，第一就是ScrollBar要隨著檔案撥放本人跑動，第二就是當(dāng)我們拉動ScrollBar時(shí)，檔案撥放的位置也要跟著我們ScrollBar拉的位置去改變目前撥放的位置。要完成第一個(gè)動作我們需求用Timer來協(xié)助我們產(chǎn)生變動的事件: void _fastcall TForm1:ScrollBar1ScrollTObject *Send

20、er, TScrollCode ScrollCode, int &ScrollPos MediaPlayer1-Position = ScrollBar1-Position; MediaPlayer1- Play;void _fastcall TForm1:Timer1TimerTObject *Sender ifMediaPlayer1-FileName!= Label1-Caption = MediaPlayer1-Position; ScrollBar1-Position = MediaPlayer1-Position; 11-5 繪圖功能 我們可以重很多有關(guān)圖形的元件裡看到他們

21、同樣擁有的類別Canvas，這類的元件有TForm，TImage，TbitButton.等等。而Canvas類別就是處理Windows繪圖的介面，這個(gè)類別將會跟Windows的裝置驅(qū)動程式作溝通，Windows會透過裝置驅(qū)動程式把做好轉(zhuǎn)換的資料結(jié)構(gòu)顯示在裝置顯示器上面。也就是說Canvas類別我們可以看成是一套幫我們管理Windows內(nèi)的繪圖動作的API的類別。因此有了Canvas後，我們在開發(fā)繪圖程式時(shí)就會非常便利，只需求知道如何利用Canvas就可以將我們要的繪圖功能表現(xiàn)出來。 11-5 繪圖功能 我們可以利用兩種Canvas下的類別，Pen畫筆和Brush畫刷。首先我們先看畫筆的屬性，我

22、們可以設(shè)定畫筆的三個(gè)重要屬性，分別為畫筆的寬度，畫筆畫出來的顏色，以及畫筆本身的方式，如實(shí)線虛線等等。在顏色方面我們可以設(shè)定成VCL所提供的顏色類別。寫法如下: Tcolor DrawColor = TcolorRGB100,100,100; 其中RGBx,y,z裡面的x代表的是紅色的比重，y代表的是綠色的比重，z代表的是藍(lán)色的比重。每個(gè)顏色的比重值可以是0到255，所以我們可以自行調(diào)配出255*255*255種顏色出來。 Canvas所提供的重要屬性和函式 IPixels:我們可以把任何的圖像當(dāng)看作是大量的像素所組成的，當(dāng)然我們也可以直我們可以把任何的圖像當(dāng)看作是大量的像素所組成的，當(dāng)然我們

23、也可以直接對於像素作處理，每個(gè)接對於像素作處理，每個(gè)pixel所在圖像的位置就好似是座標(biāo)一樣，只需所在圖像的位置就好似是座標(biāo)一樣，只需指定好要對那個(gè)座標(biāo)的像素處理即可，簡例如下指定好要對那個(gè)座標(biāo)的像素處理即可，簡例如下:Image1-Pixels1020 = clBlack;PenPos:即即Pen Position的意思，原型為的意思，原型為TPoint，紀(jì)錄目前畫筆在圖像上的座標(biāo)，紀(jì)錄目前畫筆在圖像上的座標(biāo)位置。位置。MoveToint X,int Y;這是指定畫筆到某個(gè)座標(biāo)的函式，我們可以利用此函式指定畫筆到圖像上這是指定畫筆到某個(gè)座標(biāo)的函式，我們可以利用此函式指定畫筆到圖像上某個(gè)位置，

24、就技術(shù)方面來看我們也可以直接指定某個(gè)位置，就技術(shù)方面來看我們也可以直接指定PenPos到指定的位置，到指定的位置，其作用是一樣的。其作用是一樣的。LineToint X,int Y;除了把目前畫筆的位置移到指定的座標(biāo)以外，移動的最短線將會由畫筆劃除了把目前畫筆的位置移到指定的座標(biāo)以外，移動的最短線將會由畫筆劃下直線，也就是說從畫筆目前位置到座標(biāo)下直線，也就是說從畫筆目前位置到座標(biāo)X,Y位置畫下一條直線。位置畫下一條直線。Canvas所提供的重要屬性和函式 II Drawint X,int Y,TGraphic* Graphic; 把一型態(tài)為把一型態(tài)為Graphic的圖像畫到的圖像畫到Canva

25、s上面的上面的X,Y座標(biāo)座標(biāo)位置上面。位置上面。 Ellipseint X1,int Y1,int X2,int Y2; 給予橢圓形的兩個(gè)座標(biāo)，給予橢圓形的兩個(gè)座標(biāo)，X1,Y1為左上角的座標(biāo)，為左上角的座標(biāo)，X2,Y2為右下角的座標(biāo)，繪出一橢圓形。為右下角的座標(biāo)，繪出一橢圓形。 FillRectTRect &Rect; 指定一矩形區(qū)域，將該區(qū)域套用指定一矩形區(qū)域，將該區(qū)域套用Brush的屬性把其顏色圖滿。的屬性把其顏色圖滿。 FloodFillint X,int Y,TColor Color,TFillStyle FillStyle; 由座標(biāo)由座標(biāo)X,Y作為起始座標(biāo)，把一封閉區(qū)域圖滿顏

26、色，圖滿作為起始座標(biāo)，把一封閉區(qū)域圖滿顏色，圖滿的方式有兩種，其一為的方式有兩種，其一為fsSurface:把封閉的區(qū)域圖滿，遇到把封閉的區(qū)域圖滿，遇到其他顏色的圖像才停頓。另一種為其他顏色的圖像才停頓。另一種為fsBorder:以設(shè)定值以設(shè)定值Color作為邊界，而邊界內(nèi)的部份就用作為邊界，而邊界內(nèi)的部份就用Brush的設(shè)定值來圖滿區(qū)域。的設(shè)定值來圖滿區(qū)域。Canvas所提供的重要屬性和函式 IIIPolygonconst Point *points，const int Size;把傳入的一切點(diǎn)陣列以直線連接起來，構(gòu)成一個(gè)沒有缺口的多邊形，把傳入的一切點(diǎn)陣列以直線連接起來，構(gòu)成一個(gè)沒有缺口的

27、多邊形，Size為陣列的大小。當(dāng)多邊形完成後內(nèi)部將會被圖滿顏色，顏色的設(shè)定值是套為陣列的大小。當(dāng)多邊形完成後內(nèi)部將會被圖滿顏色，顏色的設(shè)定值是套用用Brush的設(shè)定值。的設(shè)定值。Polylineconst Point *points，const int Size;把傳入的一切點(diǎn)陣列以直線連接起來，構(gòu)成一個(gè)沒有缺口的多邊形，把傳入的一切點(diǎn)陣列以直線連接起來，構(gòu)成一個(gè)沒有缺口的多邊形，Size為陣列的大小。但和為陣列的大小。但和Polygon不同的是不同的是Polyline不會把內(nèi)部填滿顏色。不會把內(nèi)部填滿顏色。Rectangleint X1,int Y1,int X2,int Y2;畫出一個(gè)矩形

28、，矩形的左上角座標(biāo)為畫出一個(gè)矩形，矩形的左上角座標(biāo)為X1,Y1，右下角座標(biāo)為，右下角座標(biāo)為X2,Y2。TextOutint X,int Y,AnsiString Text;將文字將文字Text用繪圖的方式顯示在用繪圖的方式顯示在Canvas上，文字將套用上，文字將套用Font屬性的設(shè)定，屬性的設(shè)定，起始位置為座標(biāo)起始位置為座標(biāo)X,Y。範(fàn)例-塗鴉看板這個(gè)範(fàn)例所需求用到的元件，除了要顯示塗鴉的一個(gè)Image元件外，功能表上我們用了一個(gè)panel和5個(gè)SpeedButton，而畫筆顏色的選擇筆者則是套用了一個(gè)ColorDialog元件，最後為了參與儲存功能我們還需求一個(gè)SavePictureDial

29、og元件。 範(fàn)例說明 I在Unit1.h裡我們參與了一些公用參數(shù)int mode;TColor DrawColor;bool MDown;TPoint EraseP4;mode表示目前的繪圖方式，有畫筆0和畫刷1兩種。DrawColor表示畫筆和畫刷設(shè)定的顏色，MDown是表示滑鼠能否有按下，最後EraseP4是一個(gè)點(diǎn)的陣列，我們會用來作去除時(shí)範(fàn)圍的設(shè)定。首先在建立這個(gè)Form的時(shí)候，我們需求先設(shè)定一些初始值，包括滑鼠目前能否有被按下，目前畫筆的顏色，以及預(yù)設(shè)的方式為畫筆。Image1-Canvas-Pen-Color = clBlack;mode = 0;MDown = false;範(fàn)例說明 II接著來看滑鼠在Image1上面運(yùn)用時(shí)的處理，對於繪圖的動作主要可以分三種事件來討論:滑鼠移動，滑鼠左鍵按著，滑鼠左鍵按下後放開。當(dāng)滑鼠按下的時(shí)候，布林變數(shù)MDown要被設(shè)定成true，並且畫筆目前的座標(biāo)要馬上移到滑鼠點(diǎn)下的地方。以上說明程式碼如下:MDown = true;Image1-Canvas-MoveToX,Y;當(dāng)滑鼠按下後再放開，MDown就要被設(shè)成false。最後最重要的就是判斷滑鼠移動時(shí)的狀況，對於滑鼠移動的事件，我們需求先作判斷滑鼠左鍵能否是被按下的，假設(shè)是被按下的才需求作動作，假設(shè)不是就不予理會。接著我們需求知道目前的運(yùn)用狀態(tài)是畫筆還是畫刷，畫