谈VC++结合FLASH开发精美程序界面

妖狐艹你老母 2022-08-24 01:54 141阅读 0赞

做过界面开发的人想必都清楚如果要用VC++来开发漂亮的程序界面其难度真是苦不堪言, 当然VC++可以作出漂亮的界面但要投入大量的人力和时间其代码量可以用海量来形容。BUG自然也就不计其数。本文主要介绍如何采用VC++结合FLASH在短时间内以及很少的人力投入的情况开发出精美漂亮的软件界面。在本例中VC++主要进行相关数据逻辑及业务处理，FLASH则进行相关的界面表现。FLASH和VC++之间采用XML流通信。VC++的XML解析库为开源的TinyXml解析库。 本实例的开发环境为visual studio 2003 + FLASH8.0。其效果图如下：  
![show.jpg][]  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
下面将进行详细介绍：  
1、首先建一个基于MFC的对话框应用程序。  
2、在对话框中插入名为Shockwave Flash Object的ActiveX控件.  
3、为该FLASH控件添加相应的变量即FSCommand消息处理函数.  
4、在OnInitDialog()函数添加如下代码将相关数据传给FLASH界面

1 ![None.gif][]  //  TODO: 在此添加额外的初始化代码  
  2 ![None.gif][] // 加载flash界面   
  3 ![None.gif][]  char  szBuf\[ 256 \];  
  4 ![None.gif][] string  szXml;  
  5 ![None.gif][]  
  6 ![None.gif][] CString szFlashPath(m\_FlashCtrl.GetModulePath());  
  7 ![None.gif][] szFlashPath  \+=  " 演示界面.swf " ;  
  8 ![None.gif][]  
  9 ![None.gif][] m\_FlashCtrl.LoadMovie( 0 , szFlashPath);  
 10 ![None.gif][] MoveWindow( 0 ,  0 ,  490 ,  345 );  
 11 ![None.gif][] m\_FlashCtrl.MoveWindow( 0 ,  0 ,  490 ,  345 );  
 12 ![None.gif][]  
 13 ![None.gif][] // 设置标题栏   
 14 ![None.gif][]  TiXmlElement xRoot( " win\_app " );  
 15 ![None.gif][] sprintf(szBuf,  " %u " ,  0xf0000006 );  
 16 ![None.gif][] xRoot.SetAttribute( " style " , szBuf);  
 17 ![None.gif][] xRoot.SetAttribute( " event " ,  13 );  
 18 ![None.gif][]  
 19 ![None.gif][] TiXmlElement xItem( " item " );  
 20 ![None.gif][] xItem.SetAttribute( " title " ,  " 我的测试程序 " );  
 21 ![None.gif][] xRoot.InsertEndChild(xItem);  
 22 ![None.gif][] szXml  <<  xRoot;  
 23 ![None.gif][] m\_FlashCtrl.SetVariable( " \_root.g\_Protocol.win\_data " , szXml.c\_str());  
 24 ![None.gif][]  
 25 ![None.gif][] // 设置组合框的数据   
 26 ![None.gif][]  xRoot.Clear();  
 27 ![None.gif][] szXml.clear();  
 28 ![None.gif][] xRoot.SetAttribute( " event " ,  76 );  
 29 ![None.gif][]  
 30 ![None.gif][] TiXmlElement xQuery( " query " );  
 31 ![None.gif][] xQuery.SetAttribute( " sel\_item " ,  1 );  
 32 ![None.gif][] // xRoot.InsertEndChild(xQuery);   
 33 ![None.gif][]   
 34 ![None.gif][] xItem.RemoveAttribute( " title " );  
 35 ![None.gif][] xItem.SetAttribute( " info " ,  " 武林外传 " );  
 36 ![None.gif][] xQuery.InsertEndChild(xItem);  
 37 ![None.gif][]  
 38 ![None.gif][] xItem.SetAttribute( " info " ,  " 西游记 " );  
 39 ![None.gif][] xQuery.InsertEndChild(xItem);  
 40 ![None.gif][]  
 41 ![None.gif][] xItem.SetAttribute( " info " ,  " 三国演义 " );  
 42 ![None.gif][] xQuery.InsertEndChild(xItem);  
 43 ![None.gif][]  
 44 ![None.gif][] xItem.SetAttribute( " info " ,  " 红楼梦 " );  
 45 ![None.gif][] xQuery.InsertEndChild(xItem);  
 46 ![None.gif][]  
 47 ![None.gif][] xItem.SetAttribute( " info " ,  " 魔法英雄 " );  
 48 ![None.gif][] xQuery.InsertEndChild(xItem);  
 49 ![None.gif][] xRoot.InsertEndChild(xQuery);  
 50 ![None.gif][]  
 51 ![None.gif][] szXml  <<  xRoot;  
 52 ![None.gif][] m\_FlashCtrl.SetVariable( " \_root.g\_Protocol.win\_data " , szXml.c\_str());  
 53 ![None.gif][]  
 54 ![None.gif][] // 设置列表框数据   
 55 ![None.gif][]  xRoot.Clear();  
 56 ![None.gif][] xQuery.Clear();  
 57 ![None.gif][] szXml.clear();  
 58 ![None.gif][] xRoot.SetAttribute( " event " ,  77 );  
 59 ![None.gif][] xQuery.SetAttribute( " sel\_item " ,  1 );  
 60 ![None.gif][]  
 61 ![None.gif][] xItem.SetAttribute( " info " ,  " 汉皇重色思倾国 " );  
 62 ![None.gif][] xQuery.InsertEndChild(xItem);  
 63 ![None.gif][]  
 64 ![None.gif][] xItem.SetAttribute( " info " ,  " 御宇多年求不得 " );  
 65 ![None.gif][] xQuery.InsertEndChild(xItem);  
 66 ![None.gif][]  
 67 ![None.gif][] xItem.SetAttribute( " info " ,  " 杨家有女初长成 " );  
 68 ![None.gif][] xQuery.InsertEndChild(xItem);  
 69 ![None.gif][]  
 70 ![None.gif][] xItem.SetAttribute( " info " ,  " 养在深闺人未识 " );  
 71 ![None.gif][] xQuery.InsertEndChild(xItem);  
 72 ![None.gif][]  
 73 ![None.gif][] xItem.SetAttribute( " info " ,  " 天生丽质难自弃 " );  
 74 ![None.gif][] xQuery.InsertEndChild(xItem);  
 75 ![None.gif][]  
 76 ![None.gif][] xRoot.InsertEndChild(xQuery);  
 77 ![None.gif][]  
 78 ![None.gif][] szXml  <<  xRoot;  
 79 ![None.gif][] m\_FlashCtrl.SetVariable( " \_root.g\_Protocol.win\_data " , szXml.c\_str());

5、在OnFsCommand()中处理FLASH发来的消息.  
[ 1 ![None.gif][] void  CUIShowDlg::OnFsCommand(LPCTSTR command, LPCTSTR args)  
  2 ![ExpandedBlockStart.gif][] \{  
 3![InBlock.gif][]try  
 4![ExpandedSubBlockStart.gif][]\{  
 5![InBlock.gif][]int nEvent =0;  
 6![InBlock.gif][] TiXmlDocument xmlData;  
 7![InBlock.gif][] xmlData.Parse(command);  
 8![InBlock.gif][]if (xmlData.Error())  
 9![ExpandedSubBlockStart.gif][]\{  
10![InBlock.gif][]throw (\_\_LINE\_\_);  
11![ExpandedSubBlockEnd.gif][] \}  
12![InBlock.gif][]  
13![InBlock.gif][] TiXmlElement \*pRoot = xmlData.FirstChildElement();  
14![InBlock.gif][]if (NULL == pRoot)  
15![ExpandedSubBlockStart.gif][]\{  
16![InBlock.gif][]throw (\_\_LINE\_\_);  
17![ExpandedSubBlockEnd.gif][] \}  
18![InBlock.gif][] pRoot\->Attribute("event", &nEvent);  
19![InBlock.gif][]  
20![InBlock.gif][]switch(nEvent)  
21![ExpandedSubBlockStart.gif][]\{  
22![InBlock.gif][]case0xff000000: //移动窗口消息  
23![InBlock.gif][] SendMessage(WM\_NCLBUTTONDOWN, HTCAPTION, 0);  
24![InBlock.gif][]break;  
25![InBlock.gif][]case0xff000001: //关闭窗口  
26![InBlock.gif][] EndDialog(0);  
27![InBlock.gif][]break;  
28![InBlock.gif][]case0xff000003: //最小化窗口  
29![InBlock.gif][] ShowWindow(SW\_MINIMIZE);  
30![InBlock.gif][]break;  
31![InBlock.gif][]default:  
32![InBlock.gif][]break;  
33![ExpandedSubBlockEnd.gif][] \}  
34![ExpandedSubBlockEnd.gif][] \}  
35![InBlock.gif][]catch (![dot.gif][])  
36![ExpandedSubBlockStart.gif][]\{  
37![InBlock.gif][] TRACE("/r/n收到无效的命令 : %s", command);  
38![ExpandedSubBlockEnd.gif][] \}  
39![ExpandedBlockEnd.gif][]\}   
 40 ![None.gif][]][1 _None.gif_ void CUIShowDlg_OnFsCommand_LPCTSTR command_ LPCTSTR args_ 2 _ExpandedBlockStart.gif_ _ 3_InBlock.gif_try 4_ExpandedSubBlockStart.gif_ 5_InBlock.gif_int nEvent _0_ 6_InBlock.gif_ TiXmlDocument xmlData_ 7_InBlock.gif_ xmlData.Parse_command_ 8_InBlock.gif_if _xmlData.Error_ 9_ExpandedSubBlockStart.gif_ 10_InBlock.gif_throw _LINE_ 11_ExpandedSubBlockEnd.gif_ _ 12_InBlock.gif_ 13_InBlock.gif_ TiXmlElement _pRoot _ xmlData.FirstChildElement_ 14_InBlock.gif_if _NULL _ pRoot_ 15_ExpandedSubBlockStart.gif_ 16_InBlock.gif_throw _LINE_ 17_ExpandedSubBlockEnd.gif_ _ 18_InBlock.gif_ pRoot_-_Attribute_event_ _nEvent_ 19_InBlock.gif_ 20_InBlock.gif_switch_nEvent_ 21_ExpandedSubBlockStart.gif_ 22_InBlock.gif_case0xff000000_ _ 23_InBlock.gif_ SendMessage_WM_NCLBUTTONDOWN_ HTCAPTION_ 0_ 24_InBlock.gif_break_ 25_InBlock.gif_case0xff000001_ _ 26_InBlock.gif_ EndDialog_0_ 27_InBlock.gif_break_ 28_InBlock.gif_case0xff000003_ _ 29_InBlock.gif_ ShowWindow_SW_MINIMIZE_ 30_InBlock.gif_break_ 31_InBlock.gif_default_ 32_InBlock.gif_break_ 33_ExpandedSubBlockEnd.gif_ _ 34_ExpandedSubBlockEnd.gif_ _ 35_InBlock.gif_catch _dot.gif_ 36_ExpandedSubBlockStart.gif_ 37_InBlock.gif_ TRACE_r_n_ _ _s_ command_ 38_ExpandedSubBlockEnd.gif_ _ 39_ExpandedBlockEnd.gif_ 40 _None.gif]到此一款精美的软件界面已经开发完成。有兴趣的朋友可以下载我的源代码看看。  
[/Files/beifangying/UIShow.rar][Files_beifangying_UIShow.rar]

[show.jpg]: /images/20220823/55b1aaa1eaf641a4be80b54a74868c56.png
[None.gif]: /images/20220823/298e6f3d67d84190a7cdbc6d1a94bc0f.png
[ExpandedBlockStart.gif]: /images/20220823/72f92485c14e4d11a19e2af4146726a0.png
[InBlock.gif]: /images/20220823/a06ae5d3e7734bd68a2fac88d2b05be4.png
[ExpandedSubBlockStart.gif]: /images/20220823/608c7788f87b428ab15ab5b1ad5360a8.png
[ExpandedSubBlockEnd.gif]: /images/20220823/19f513c205b24a44bc40f2f8084b55f2.png
[dot.gif]: /images/20220823/4b8c8d1c3a264c10a41799d190a17474.png
[ExpandedBlockEnd.gif]: /images/20220823/55478c09a3534656935df6cc9ec06d4f.png
[1 _None.gif_ void CUIShowDlg_OnFsCommand_LPCTSTR command_ LPCTSTR args_ 2 _ExpandedBlockStart.gif_ _ 3_InBlock.gif_try 4_ExpandedSubBlockStart.gif_ 5_InBlock.gif_int nEvent _0_ 6_InBlock.gif_ TiXmlDocument xmlData_ 7_InBlock.gif_ xmlData.Parse_command_ 8_InBlock.gif_if _xmlData.Error_ 9_ExpandedSubBlockStart.gif_ 10_InBlock.gif_throw _LINE_ 11_ExpandedSubBlockEnd.gif_ _ 12_InBlock.gif_ 13_InBlock.gif_ TiXmlElement _pRoot _ xmlData.FirstChildElement_ 14_InBlock.gif_if _NULL _ pRoot_ 15_ExpandedSubBlockStart.gif_ 16_InBlock.gif_throw _LINE_ 17_ExpandedSubBlockEnd.gif_ _ 18_InBlock.gif_ pRoot_-_Attribute_event_ _nEvent_ 19_InBlock.gif_ 20_InBlock.gif_switch_nEvent_ 21_ExpandedSubBlockStart.gif_ 22_InBlock.gif_case0xff000000_ _ 23_InBlock.gif_ SendMessage_WM_NCLBUTTONDOWN_ HTCAPTION_ 0_ 24_InBlock.gif_break_ 25_InBlock.gif_case0xff000001_ _ 26_InBlock.gif_ EndDialog_0_ 27_InBlock.gif_break_ 28_InBlock.gif_case0xff000003_ _ 29_InBlock.gif_ ShowWindow_SW_MINIMIZE_ 30_InBlock.gif_break_ 31_InBlock.gif_default_ 32_InBlock.gif_break_ 33_ExpandedSubBlockEnd.gif_ _ 34_ExpandedSubBlockEnd.gif_ _ 35_InBlock.gif_catch _dot.gif_ 36_ExpandedSubBlockStart.gif_ 37_InBlock.gif_ TRACE_r_n_ _ _s_ command_ 38_ExpandedSubBlockEnd.gif_ _ 39_ExpandedBlockEnd.gif_ 40 _None.gif]: http://www.cppblog.com/
[Files_beifangying_UIShow.rar]: http://www.cppblog.com/Files/beifangying/UIShow.rar