(轉)MFC美化

原文轉至：http://blog.csdn.net/zhangyang1990828/article/details/10489085

前些天用MFC開發一個桌面程序，實現功能后客戶說界面太難看，自己仔細看看也着實難看，所以就仔細的研究了下MFC的美化方法，特此分享給大家。

★利用SkinMagic美化MFC的界面。

SkinMagic是一個C++的皮膚庫，使用它可以完美的實現給你的程序換膚。

代碼運行效果圖如下:

以前看到瑞星和金山詞霸有換皮膚功能，很是羡慕，自己也想做個換皮膚的程序，但下手着實有些困難。我也試過像BCGCBar這樣的大型軟件，給我的感覺是軟件老是出問題，應用起來也很復雜。后來知道了SkinMagic軟件包，但當時不知怎么用，發了貼子也沒人回答。可能是很少有人用的緣故吧，本站也未更新此軟件包。偶然的一次機會，讓我知道了怎樣來用它，

而且編譯出來的軟件體積很小，所以在這里向大家介紹一下，希望對大家有些幫助。

如何使用：

① 新建工程后，將SkinMagic包中的SkinMagicLib.h、SkinMagicLib.lib、DETOURS.lib拷貝到所在文件夾下，點擊Project->Add To Project->Files,包含到工程中。

② 在Resource View中點擊Import 菜單引入幾個Skin二進制文件放在相同的“SKINMAGIC”文件夾下，分別給起一個名字（見源程序）。

③ 在stdafx.h中加入#include "SkinMagicLib.h"

④ 在此處添加如下內容

01.if (!ProcessShellCommand(cmdInfo))

02.return FALSE；

03./////////////////////////////////////////////////////////////

04.VERIFY( 1 == InitSkinMagicLib( AfxGetInstanceHandle(), "Demo" ,NULL,NULL ) );//初始化類庫

05.VERIFY( 1 == LoadSkinFromResource( AfxGetInstanceHandle() , "KROMO","SKINMAGIC") );//從資源中加載皮膚

06.

07.VERIFY( 1 == SetWindowSkin( m_pMainWnd->m_hWnd , "MainFrame" ));

08.VERIFY( 1 == SetDialogSkin( "Dialog" ) );

09.((CMainFrame*)m_pMainWnd)->m_bSkinned = TRUE;

10.((CMainFrame*)m_pMainWnd)->m_nIndex = 0;

11.////////////////////////////////////////////////////////

12.m_pMainWnd->ShowWindow(SW_SHOW);

13.m_pMainWnd->UpdateWindow();

⑤ 在MainFrame中加入換皮膚菜單，及相應的函數，在函數中加載皮膚。

1.void CMainFrame::OnDevior()

2.{

3.LoadSkinFromResource( AfxGetInstanceHandle() , "DEVIOR" ,"SKINMAGIC") ;

4.}

到此為止，完美的換皮膚程序就出來了。

如果想更換皮膚只需要更換LoadSkinFromResource的參數為當前目錄下的皮膚文件就可以了。

我這里有完整的demo已經很多的皮膚文件，需要的可以點擊這里下載。

★利用flash來美化MFC的界面：

效果圖：

代碼：

[cpp] view plaincopyprint?

1. BOOL CPlayFlashDlg::OnInitDialog()
2. {
3. CDialog::OnInitDialog();
5. ...
7. // TODO: Add extra initialization here
9. RECT rc;
10. this->GetClientRect(&rc);
12. m_FlashPlayer.MoveWindow( &rc, true );
14. TCHAR strCurDrt[500];
15. int nLen = ::GetCurrentDirectory(500,strCurDrt);
16. if( strCurDrt[nLen]!='\\' )
17. {
18. strCurDrt[nLen++] = '\\';
19. strCurDrt[nLen] = '\0';
20. }
22. CString strFileName = strCurDrt;
23. strFileName += "startup.swf";
24. m_FlashPlayer.LoadMovie(0, strFileName);
25. m_FlashPlayer.Play();
27. return TRUE; // return TRUE unless you set the focus to a control
28. }

BOOL CPlayFlashDlg::OnInitDialog()
{
	CDialog::OnInitDialog();

	...
	
	// TODO: Add extra initialization here
	
	RECT rc;
	this->GetClientRect(&rc);

	m_FlashPlayer.MoveWindow( &rc, true );

	TCHAR strCurDrt[500];
	int nLen = ::GetCurrentDirectory(500,strCurDrt);
	if( strCurDrt[nLen]!='\\' )
	{
		strCurDrt[nLen++] = '\\';
		strCurDrt[nLen] = '\0';
	}

	CString strFileName = strCurDrt;
	strFileName += "startup.swf";
	m_FlashPlayer.LoadMovie(0, strFileName);
	m_FlashPlayer.Play();

	return TRUE;  // return TRUE  unless you set the focus to a control
}

[cpp] view plaincopyprint?

1. void CPlayFlashDlg::OnFSCommandShockwaveflash1(LPCTSTR command, LPCTSTR args)
2. {
3. // TODO: Add your control notification handler code here
4. if( 0 == strcmp(command,"bt") )
5. {
6. if( 0 == strcmp(args,"enter") )
7. {
8. MessageBox("歡迎進入系統！");
9. }
10. }
11. else if( 0 == strcmp(command,"quit") )
12. {
13. MessageBox("您選擇了退出！");
14. CDialog::OnCancel();
15. }
16. }

void CPlayFlashDlg::OnFSCommandShockwaveflash1(LPCTSTR command, LPCTSTR args) 
{
	// TODO: Add your control notification handler code here
	if( 0 == strcmp(command,"bt") )
	{
		if( 0 == strcmp(args,"enter") )
		{
			MessageBox("歡迎進入系統！");
		}
	}
	else if( 0 == strcmp(command,"quit") )
	{
		MessageBox("您選擇了退出！");
		CDialog::OnCancel();
	}
}

0.0這樣加載你的flash就OK了。demo可以在 這里下載 。

一下是一些詳細的介紹：

一、准備工作

第一步：下載並安裝Adobe Flash Player。

從官方網站（http://get.adobe.com/cn/flashplayer/）上下載最新的Flash Player（大約為2.66M），並安裝。對於Windows 32位系統，其默認安裝目錄為：C:\WINDOWS\system32\Macromed\Flash\；對於64位系統，為：C:\Windows\SysWOW64\Macromed\Flash。

Flash控件的大版本號用數字表示，如9，10，11等，小版本號用小寫字母表示，如a, b, c, d, e。如我安裝的版本為：Flash10l.ocx。

第二步：通過regsvr32.exe注冊flash控件 Flash10l.ocx。

從開始菜單中打開運行對話框，並輸入：

regsvr32 C:\Windows\SysWOW64\Macromed\Flash\Flash10l.ocx 注冊該控件（注冊之后就可以在項目中進行控件添加了），如果注冊成功，有如下提示：

注銷控件的命令行為

regsvr32 /u C:\Windows\SysWOW64\Macromed\Flash\Flash10l.ocx。

二、新建MFC項目，添加Flash控件

第一步：建立基於對話框的MFC程序。

打開Visual Studio 2010，新建項目，選擇“MFC應用程序”，並將其命名為MFCFlash。

在接下來的選型設置中，選擇應用程序類型為“基於對話框”，其他可按默認設置。項目建成后，程序默認添加了MFCFlash和MFCFlashDlg的頭文件和實現文件，截圖如下：

第二步：添加Shockwave Flash Object類。

VC++ 6.0中，可以使用ClassWizard添加ActiveX控件，而VS2005以后的版本沒有。如果要添加ActiveX對應的類，可以先在解決方案管理器中選中項目后在菜單中點“項目”→“添加類”→“ActiveX控件中的MFC類”，打開“從ActiveX控件添加類向導”對話框。選擇從“文件”添加類，找到Flash控件的安裝位置，即可添加Shockwave Flash控件，接口選擇“IShockwaveFlash”，以生成CShockwaveFlash類（類的名稱可以修改）。插入后，VC會自動把這個類加入工程里面。

第三步：添加Shockwave Flash Object控件。

在資源視圖里找到“Dialog”，並選擇其中的IDD_MFCFLASH_DIALOG，在其上點右鍵，選擇“插入ActiveX控件”，從彈出的列表中選擇“Shockwave Flash Object”。

使用BUTTON、EDIT等其它Windows控件一樣，我們可以使用這個類的成員函數來操縱這個對象，來進行Flash動畫的控制以及和自己的程序進行交互等操作了。在Flash控件上點右鍵，然后選擇“添加變量”，設定“變量名”為：m_FlashPlayer。可再次在Flash控件上點右鍵，然后選擇“屬性”，將其ID改為IDC_SHOCKWAVEFLASH。

第四步：使用成員函數LoadMovie和Play來導入並播放動畫。

在MFCFlashDlg.cpp文件中，找到CMFCFlashDlg::OnInitDialog()函數，在“return TRUE”之前添加代碼：

CString str = _T("E:\\VS\\Flash\\media\\test.swf");

m_FlashPlayer.LoadMovie (0, str);

m_FlashPlayer. Play ();

其中m_FlashPlayer.LoadMovie(0, str)用來將動畫導入程序中，str為要播放的flash路徑，要用絕對路徑（注意路徑用雙斜杠“\\”隔開）; m_FlashPlayer. Play ()開始播放動畫。

相對路徑轉絕對路徑：

wchar_t szPath[MAX_PATH];

memset(szPath, 0, sizeof(CHAR)*MAX_PATH);

GetCurrentDirectory(MAX_PATH, szPath);

StrCat(szPath, _T("\\風扇.swf"));

現在運行程序，就可以看到flash嵌入到程序里面了。還有幾個常用的函數可以用來控制動畫的播放，如GotoFrame(long FrameNum)可以轉到FrameNum偵播放（偵數從0開始），StopPlay（）可以停止播放。。。，還有很多，可以自己試試。下圖是我做的一個飛行儀表，界面比較丑陋，湊合看吧^_^

三、實現MFC與Flash的通信

1、Flash通過FSCommand消息調用MFC

第一步：添加消息處理函數。

在Flash控件上點右鍵，然后選擇“添加事件處理程序”，在類列表選擇“CMFCFlashDlg”，消息類型選擇“FSCommand”，則函數處理程序名稱自動為“FSCommandShockwaveflash”。它的形式大概是這樣子的：

void CMFCFlashDlg::OnFSCommandShockwaveflash(LPCTSTR command, LPCTSTR args) ;函數有兩個參數，就是flash的Action Script中FSCommand語句中的兩個參數。其實並不一定兩個參數都用到，flash腳本中可以就使用一個參數，這樣這邊的函數就只要對第一個參數進行處理就行了。

第二步：編寫消息處理代碼。

在剛添加的FSCommand消息處理函數中，對兩個參數進行處理。其實就是做字符串比較的操作，根據是什么字符串來判斷用戶進行了什么操作。大概就是這樣子的：

void CPlayFlashDlg::OnFSCommandShockwaveflash1(LPCTSTR command, LPCTSTR args)
{
// TODO: Add your control notification handler code here
if( 0 == strcmp(command,”bt”) )
{
if( 0 == strcmp(args,”enter”) )
{
MessageBox(“歡迎進入系統！”);
}
}
else if( 0 == strcmp(command,”quit”) )
{
MessageBox(“您選擇了退出！”);
CDialog::OnCancel();
}
}

這只是最簡單的處理形式，當然你可以在flash中發送復雜的字符串，在這邊就要進行更多的處理了。

2、MFC通過CallFunction函數調用Flash

第一步：Flash中ExternalInterface.addCallback用處理。

在FLASH中，要用ExternalInterface.addCallback把能被外部調用的函數注冊一下，例如： ExternalInterface.addCallback("setAlt", setAlt);

function setAlt (para:String = "3150")

{

alt.text = para; //alt為swf文件中的一個動態文本

}

第二步：MFC中使用CallFunction函數傳入參數。

想讓MFC主動往flash傳內容並且讓flash響應，用控件的CallFunction方法。在MFC中，調用CallFunction方法，傳入一個比較復雜的字符串，描述了要調用的函數的名稱、參數等等，以XML的形式呈現。詳情參考FLASH幫助的“外部 API 的 XML 格式”一文。此處CallFunction傳遞的參數為XML格式，如下：

CString temp = _T("<invoke name=\"setAlt\" returntype=\"xml\">\

<arguments><string>3500FT</string></arguments>\

</invoke>");

m_FlashPlayer.CallFunction(temp);

注意，<arguments>必須是完整的一行，具體為什么我也不太清楚。再次運行程序，可以發現ALT的值已經由3280FT變成了3500FT。

shockwave flash object控件的相應類是CShockwaveFlash類，該類的常用函數：

Play() 播放動畫 StopPlay() 停止動畫 IsPlaying()：動畫是否正在播放(true,false)

GotoFrame(frame_number)跳轉到某幀(frame_number+1)

TotalFrames() 獲取動畫總幀數 CurrentFrame()回傳當前動畫所在幀數-1

Rewind() 使動畫返回第一幀 SetZoomRect(left,top,right,buttom)放大指定區域

Zoom(percent) 改變動畫大小 Pan(x_position,y_position,unit) 使動畫在x,y方向上平移

PercentLoaded()返回動畫被載入的百分比(0-100)

LoadMovie(level_number,path) 加載動畫

TGotoFrame(movie_clip,frame_number) movie_clip跳轉到指定幀數
TGotoLabel(muvie_clip,label_name) movie_clip跳轉到指定標簽
TCurrentFrame(movie_clip) 回傳movie_clip當前幀-1

TCurrentLabel(movie_clip) 回傳movie_clip當前標簽

TPlay(movie_clip) 播放movie_clip TStopPlay(movie_clip) 停止movie_clip的播放

GetVariable(variable_name) 獲取變量 SetVariable(variable_name,value) 變量賦值

TCallFrame(movie_clip,frame_number) call指定幀上的action

TCallLabel(movie_clip,label) call指定標簽上的action

TGetProperty(movie_clip,property) 獲取movie_clip的指定屬性

TSetProperty(movie_clip,property,number) 設置movie_clip的指定屬性

MFC中CShockwaveFlash控件相關說明

MFC中播放Flash使用的ActiceX控件Shockwave Flash Object，其對應的類為CShockwaveFlash。下面給出該控件的常用屬性和方法說明：

==================================
FLASH播放器控件相關屬性和方法說明.
==================================

++++++++++++++++++++++++
++++++++++屬性++++++++++
++++++++++++++++++++++++
語法:AlignMode As Long
說明:對齊方式(與SAlign屬性聯動).當控件的長寬比例與影片不一致且WMode不為ExactFit時，影片在控件中顯示的位置可用該屬性調整.
屬性值與相應的對齊方式:
1:左對齊
2:右對齊
4:頂對齊
8:底對齊
注意:也可以組合各種對齊方式,就是將這四個基本值組合相加.比如同時左對齊和頂對齊,屬性值則設為5.

語法:BackgroundColor As Long
說明:影片的背景色.默認的影片背景色為-1.如果影片設置了底色或有圖片當作背景,那么看不出來該屬性值的改變會有什么影響 。
注意:顏色值使用RGB格式的顏色值

語法:Base As String
說明:指定用於解決影片中所有相對路徑的聲明的基地址.當影片與其需要的其他文件不在同一目錄中的時候該屬性特別有用.如不特別指定,Base的值默認為".",也就是當前影片所在的路徑.
語法:BGColor As String
說明:影片的背景色.與BackgroundColor不同的是,BGColor是一個六位的十六進制數,每兩位分別代表紅綠藍顏色值.如:FFEEAA表示R值為FF,G值為EE,B值為AA.

語法:DeviceFont As Boolean
說明:決定是否使用影片內嵌的字體,默認值為False.將該屬性值設為True則強制播放器不使用影片中內嵌的字體而使用本地系統字體.
語法:EmbedMovie As Boolean
說明:影片是否被存貯到控件所在的容器中.當你已載入一個影片后將該屬性設為True,播放影片時就不必再去讀取SWF文件了.這樣可以使SWF文件鑲進程序中,不必再讀取文件.但將該屬性設為True后,控件的Movie屬性就不再接受新的值了.要想播放另一個影片(給Movie屬性賦新值),必須先將該屬性(EmbedMovie)設為False.

語法:FrameNum As Long
說明:影片當前幀的編號(從0開始計數).設置該屬性值將使影片停在由FrameNum指定的幀處.
注意:不僅可以從中獲得當前幀,還可以設置當前幀,即跳轉到某幀

語法:Loop As Boolean
說明:控制影片是否循環播放.設為True就是循環播放,設為False則只播放一次.

語法:Menu As Boolean
說明:是否顯示菜單.設為True顯示所有菜單,設為False菜單被屏蔽,但仍有一項"About Macromedia Flash Player...",點擊后會打開Macromedia的網站.如果你實在不喜歡這個菜單,應該在程序中通過攔截鼠標消息的方法來達到目的.

語法:Movie As String
說明:要播放的影片路徑(URL).設置該屬性為一個SWF文件的URL,當該屬性被設置后,控件將自動載入文件並播放它.

語法:Playing As Boolean
說明:當前播放狀態.如果影片正在播放,該屬性值為True,否則為False.

語法:Quality As Long
說明:畫面質量.
Quality的屬性可以取:
0:相當於Quality2取"Low"
1:相當於Quality2取"High"
2:相當於Quality2取"AutoLow"
3:相當於Quality2取"AutoHigh"

語法:Quality2 As String
說明:畫面質量
Quality的屬性可以取:
Low:偏重於播放速度而不管顯示效果,而且不啟用消除鋸齒功能.
High:偏重於畫面而不管播放速度,並且總是啟用消除鋸齒功能.如果影片中不包含動畫就平滑處理位圖;如果有動畫,那么位圖就不被平滑處理.
AutoLow:先着重於播放速度,但只要有可能就改善顯示效果.一開始播放時先禁用消除鋸齒功能.如果播放器檢測到處理器能承受得了,就啟用消除鋸齒功能.
AutoHigh:一開始是播放速度和顯示效果並重,但如有必要就犧牲畫質確保速度.開始播放時就啟用消除鋸齒功能.但如果實際的幀速率比設計時指定的速率慢了,就禁用消除鋸齒功能來提高播放速度.

語法:ReadyState As Long
說明:影片的當前狀態.
ReadyState的值有:
0:正在載入
1:未初始化
2:已載入
3:正在交互
4:完成例子
注意:可以使用該屬性來粗略的判斷SWF文件的讀取進度,但如果想得到更精確的判斷,應該在在SWF文件中使用FScommand()來達到與VB的互動與聯系,即傳送資料給VB.
語法:SAlign As String
說明:對齊模式.與上文的AlignMode相同,但值的形式不同罷了.
可取值:
L:即左對齊
T:即頂對齊
R:即右對齊
B:即底對齊
注意:當使用組合對齊方法是L,T,R,B的先后順序不能變,如:左和底的對齊:SAlign="LB"

語法:Scale As String
說明:控制影片的縮放模式.
Scale的值可以取:
ShowAll:在控件內顯示全部影片區域,保持影片長寬比例不變,影片的大小決定於控件長或寬中較小的一邊.
NoBorder:在控件內顯示部分影片區域,保持影片長寬比例不變,影片的大小決定於控件長或寬中較大的一邊.
ExactFit:在控件內顯示全部影片區域,不考慮影片的長寬比例,強制將影片的長寬等於控件的長寬.

語法:ScaleMode As Long
說明：縮放模式,與Scale相同,只不過屬性值為數字而已.
ScaleMode可以取：
0:相當於Scale取"ShowAll"
1:相當於Scale取"NoBorder"
2:相當於Scale取"ExactFit"

語法:TotalFrames As Long
說明:返回影片中總幀數.該參數要到影片載入完成才有效,即ReadyState=4

語法:WMode As String
說明:控件的窗口模式(實現矢量圖在VB界面顯示的重要屬性).
WMode可以取:
Window:WMode屬性的默認值,按Flash播放器典型的方式工作,即在控件的矩形窗口中播放影片,這樣一般都能提供最快的動畫效果.
Opaque:使影片不透明.
Transparent:創建一個透明的影片,如果影片中有透明的片段時,就可以看到控件下面的背景.但使用此屬性值,動畫的播放速度可能會慢一些.

++++++++++++++++++++++++
++++++++++方法++++++++++
++++++++++++++++++++++++
Play() // 播放動畫

StopPlay() // 停止動畫

IsPlaying() // 動畫是否正在播放(true,false)

GotoFrame(frame_number) // 跳轉到某幀(frame_number+1)

CurrentFrame() // 回傳當前動畫所在幀數-1

Rewind() // 使動畫返回第一幀

SetZoomRect(left,top,right,buttom) // 放大指定區域

Zoom(percent) // 改變動畫大小

Pan(x_position,y_position,unit) // 使動畫在x,y方向上平移

PercentLoaded() //返回動畫被載入的百分比(0-100)

LoadMovie(level_number,path) // 加載動畫

GetVariable(variable_name) // 獲取變量

SetVariable(variable_name,value) //變量賦值

TotalFrames() // 獲取動畫總幀數

TPlay(movie_clip) // 播放movie_clip

TStopPlay(movie_clip) //停止movie_clip的播放

TGotoFrame(movie_clip,frame_number) // movie_clip跳轉到指定幀數

TGotoLabel(muvie_clip,label_name) // movie_clip跳轉到指定標簽

TCurrentFrame(movie_clip) // 回傳movie_clip當前幀-1

TCurrentLabel(movie_clip) // 回傳movie_clip當前標簽

TCallFrame(movie_clip,frame_number) // call指定幀上的action

TCallLabel(movie_clip,label) // call指定標簽上的action

TGetProperty(movie_clip,property) // 獲取movie_clip的指定屬性

TSetProperty(movie_clip,property,number)// 設置movie_clip的指定屬性

★用Html來美化我們的MFC

效果圖：

代碼：

[cpp] view plaincopyprint?

1. CWebBrowser2 m_wndWeb;
2. CWebBrowser2 m_wndWeb2;
3. CHAR szPath[MAX_PATH];
4. memset(szPath, 0, sizeof(CHAR)*MAX_PATH);
5. GetCurrentDirectory(MAX_PATH, szPath);
6. StrCat(szPath, _T("\\Custom.html"));
7. m_wndWeb.Navigate(szPath, NULL, NULL, NULL, NULL);
9. CHAR szPath2[MAX_PATH];
10. memset(szPath2, 0, sizeof(CHAR)*MAX_PATH);
11. GetCurrentDirectory(MAX_PATH, szPath2);
12. StrCat(szPath2, _T("\\Custom1.html"));
13. m_wndWeb2.Navigate(szPath2, NULL, NULL, NULL, NULL);

CWebBrowser2	m_wndWeb;
	CWebBrowser2	m_wndWeb2;
	CHAR szPath[MAX_PATH];
	memset(szPath, 0, sizeof(CHAR)*MAX_PATH);
	GetCurrentDirectory(MAX_PATH, szPath);
	StrCat(szPath, _T("\\Custom.html"));
	m_wndWeb.Navigate(szPath, NULL, NULL, NULL, NULL);

	CHAR szPath2[MAX_PATH];
	memset(szPath2, 0, sizeof(CHAR)*MAX_PATH);
	GetCurrentDirectory(MAX_PATH, szPath2);
	StrCat(szPath2, _T("\\Custom1.html"));
	m_wndWeb2.Navigate(szPath2, NULL, NULL, NULL, NULL);

具體的互操作的問題可以參考下例子，這里只介紹美化的工作。demo可以在 這里下載 。

★利用其它前輩封裝好的類進行美化。

點擊這里進行下載
★利用WPF進行美化，這個我沒有用過，但是據說美化效果很好，以后學習會補充進來的~~

這么多種方法總有一種適合你，幫你打造你想要的MFC界面。