基于掌上電腦的圖片瀏覽模塊的設計與實現

摘 要：針對掌上電腦應用領域的實際需求，采用嵌入式編程技術設計了一種圖片瀏覽模塊。介紹了該模塊的硬件構成和軟件開發環境，討論了用EVC實現圖片瀏覽功能的設計思想，給出了編程的具體步驟。采用了新穎的設計方法，開發出了一款友好的操作界面，提高了圖片瀏覽的效率，并可以打開多種格式的圖片。實際應用表明，該模塊便攜性好，操作方便，特別適合在車、船等空間狹小的場合使用，并可以方便地在此基礎上進行功能擴展，具有一定的實用性和推廣價值。



關鍵詞：掌上電腦；嵌入式編程；便攜式；圖片瀏覽

中圖分類號：TP31 文獻標識碼：B

文章編號：1004-373X(2008)11-165-02

Design and Realization of Bitmap Browse Module Based on Pocket PC



JIA Peiyong，LI Tianwei，LI Zhengyou

(Dalian Naval Academy，Dalian，116018，China)



Abstract：Using embedded developing technology，a new kind of bitmap browse module is designed to meet the requirement in the application field of Pocket PC.This paper discusses the programme condition and the design idea，and gives the concrete steps of programme.To improve the efficiency of bitmap browse，a friendly operation interface is developed.Many kinds of bitmap such as bmp，jpg and gif could be opened in the module.Also the function of the module could be easily extended.It is proved that the module is practical and worthy of using abroad，for it is portable，easy to be operated，and adapt to be used aboard.



Keywords：pocket PC;embedded design program;portable;bitmap browse

掌上電腦是一種比筆記本電腦還要小得多的手持式電腦，具有價格低、體積小、重量輕和便于攜帶的優點。目前，掌上電腦的應用重點是充分發揮其良好的便攜性，通過開發各種嵌入式應用程序，逐步擴展其功能，將其應用到工程測繪、智能交通和故障診斷等諸多領域。在上述應用領域中，往往涉及到對電子版圖片資料的瀏覽。盡管掌上電腦的操作系統本身提供了圖片瀏覽功能，但其操作界面不夠友好，圖片瀏覽效率不高。為此，本文將采用嵌入式編程技術設計一種基于掌上電腦的圖片瀏覽模塊。該模塊既可作為一種功能完備的圖片瀏覽手冊直接投入實際應用，也可作為一個功能模塊，添加到基于掌上電腦的大型應用系統中。

1 硬件構成

本文設計的圖片瀏覽模塊的硬件主要包括掌上電腦和存儲卡，此外還包括數據線和充電器等配件。使用的掌上電腦采用Windows CE 4.2嵌入式操作系統，內存為64 MB，帶有存儲卡插槽，操作方式為手寫。由于掌上電腦一般不配備硬盤，故采用存儲卡來存儲圖片資料。通常1 GB大小的存儲卡即可存儲數十乃至數百張圖片資料，可以滿足一般需求。數據線既可用于將掌上電腦與開發主機連接進行程序的調試和下載，又可用于將掌上電腦與計算機連線以對圖片資料進行管理，還可用于通過USB接口對掌上電腦進行充電。掌上電腦和手機類似，需要經常進行充電，所以充電器是必要的配件。整套硬件總重量不超過1 kg，且體積很小，體現了良好的便攜性。

2 軟件設計

2.1 開發環境

研究過程中以Embedded Visual C++(簡稱EVC)4.0+SP4為開發工具。EVC是微軟公司推出的開發Windows CE應用程序的成熟的、強大的工具，與VC開發工具有一定的相似之處。為方便調試，在開發主機(臺式計算機)上安裝Windows CE Platform SDK作為掌上電腦的模擬環境。當然，也可將掌上電腦通過數據線與開發主機連接進行實際調試。

Windows CE應用程序的開發需要將程序下載到Windows CE目標設備上運行，并且調試時的情況也是一樣，因此在開發過程中，必須考慮設置EVC同目標設備的連接。EVC提供了Configure Platform Manager工具用來配置與目標設備的連接^[1]。

在本文研究過程中，模擬環境下調試時的傳輸方式和啟動方式分別采用了TCP/IP Transport for Windows CE和Emulator Startup Server，而將開發主機與掌上電腦連接調試時均采用了Microsoft ActiveSync方式。

2.2 關鍵操作的設計思路

本文設計的軟件實際上是一款位圖瀏覽器。下面結合掌上電腦硬件和操作方面的特點，討論一下圖片的讀取、漫游和縮放等關鍵操作的設計思路。

2.2.1 圖片讀取

掌上電腦一般不配備硬盤，可以通過外接存儲卡來存儲文件。其內存很小，一般只有幾十MB，且兼有存儲文件和運行程序的功能，用戶可以在內存設置中調節兩種功能所占用內存資源的比例。可見，當位圖資料較多時，必須借助存儲卡來存儲；當位圖資料比較少時，可以將其存儲在內存中，也可以將其添加到程序的資源中。

值得注意的是，從程序的資源中讀取位圖速度最快，但生成的可執行文件的大小將隨著所添加位圖資源的增多呈線性增長，容易導致程序因內存不足而無法運行；采用從存儲卡中讀取位圖的方式速度比較慢，但生成的可執行文件很小，運行時占用內存少；而當把位圖資料存在內存中進行讀取時，盡管生成的可執行文件也很小，且讀取速度很快，但內存中不可能存儲大量位圖文件。因此，可根據實際需要選擇其中的一種或多種讀取方式。考慮到實用性，本文設計的模塊采用了通過存儲卡進行圖片的存儲和讀取的方式。

2.2.2 圖片的漫游

鑒于掌上電腦一般采用手寫輸入，圖片的漫游設計采用中心移動和多向滾動相結合的模式。其中，中心移動模式即當用戶用手寫工具點擊屏幕時，圖片將以被點擊的區域為中心，重新繪制在顯示窗口，從而方便了用戶對圖片中感興趣區域的瀏覽；多向滾動模式即將屏幕邊緣劃分為8個區域，不同區域被用戶點擊時，圖片將向相應的方向滾動。例如，當用戶點擊屏幕左邊緣時，圖片將自動向右方滾動，將圖片左面的部分呈現給用戶，當用戶再次點擊屏幕或滾動至圖片邊緣時停止滾動。該漫游模式特別有利于用戶對圖紙中某一線條的跟蹤。將上述兩種漫游模式相結合從一定程度上減小了掌上電腦因屏幕小帶來的不便。

2.2.3 圖片的縮放

為保證用戶當前瀏覽的區域在圖片縮放后不會移出顯示窗口，程序應在放大或縮小的同時響應“中心移動”指令。即當用戶在縮放模式下點擊圖片的某一區域時，程序將把縮放后的圖片以被點擊區域為中心重新繪制在顯示窗口上。同時，為常用的縮放比例設置相應菜單。用戶既可以在激活工具欄中縮放按鈕的情況下通過點擊屏幕進行圖片的無極縮放，也可以通過點擊菜單迅速地將圖片以所需比例顯示。

2.3 編程實現

2.3.1 生成程序框架

打開Microsoft eMbedded Visual C++4.0，首先選擇菜單項File→New→Projects，然后選擇WCE MFC AppWizard ［exe］，假設Project name為BmpBrowser，確定后，進入一個向導中，其中第一步選singledocument，語言選擇英語，其他采用缺省值，點擊Finish，則程序框架便生成了。

2.3.2 編制源代碼

EVC與VC開發工具在語言代碼和編程思想上有很大的相似之處，而可供參考的有關用VC實現圖片瀏覽功能的文獻比較多，因此下面只針對一些不同點和關鍵點介紹一下源代碼的編制過程。

(1) 制作工具欄。修改資源管理器中Toolbar下的工具欄，修改后工具欄的樣式如圖1所示。在視圖類BmpBrowserView中為“打開”按鈕添加消息響應函數，用于將用戶選擇的圖片加載到內存中。以從存儲卡中加載圖片為例，加載bmp格式的圖片采用函數SHLoadDIBitmap()，加載jpg和gif格式的圖片可采用函數SHLoadImageFile()。然后為“中心移動、多向滾動、放大、縮小”四個按鈕添加消息響應函數。定義操作模式轉換變量moperation，在上述四個函數中為該變量賦以不同的值，用于區分哪種操作模式處于激活狀態。

(2) 顯示位圖。修改視圖類BmpBrowserView中的OnDraw（），用StretchBlt( )函數顯示圖片，該函數可以實現位圖的縮小和放大^[2]。由于掌上電腦內存小，一般只有64 MB，且系統進程已占用了不少內存，而位圖顯示會占用較多的內存資源，因此要及時釋放無用的資源，避免內存泄漏^[3]。

(3) 為屏幕點擊操作添加程序代碼。在視圖類BmpBrowserView中添加消息響應函數OnLButtonDown( )或OnLButtonUp( )用戶的點擊操作。在上述函數中為中心移動、多向滾動、放大和縮小等操作添加相應代碼。上述4種操作是通過修改StretchBlt( )函數中的變量來實現的。其中，實現多向滾動操作時啟動了定時器，在OnTimer( )函數中通過修改StretchBlt( )函數中的變量來實現圖片的滾動；刷新顯示使用RedrawWindow( )函數，該函數能有效地防止刷新時存在的閃屏問題。

(4) 制作菜單。修改Resourse目錄樹中Memulbar下的菜單項，設置“文件”、“視圖”等菜單，可根據需要添加各種子菜單。

2.3.3 編譯、調試并生成可執行文件

進行編譯調試前，需要確認目標機器和編譯類型。仿真環境下，目標機器選擇Pocket PC 2003 | Pocket PC 2003 Emulator，編譯類型選擇Win32 ［WCE emulator］ Debug；連接掌上電腦調試運行時，目標機器選擇Pocket PC 2003 | Win32 ［WCE ARMV4］ Debug，編譯類型選擇Pocket PC 2003 Device。

圖1是本文設計的圖片瀏覽模塊打開一張電路圖時的工作界面。

3 結 語

本文設計的圖片瀏覽模塊便攜性好，操作方便，可以

打開多種格式的位圖文件，并實現了圖片的中心移動、多向滾動、放大、縮小等瀏覽功能。與掌上電腦的Windows CE操作系統自帶的圖片瀏覽功能相比，功能更實用，操作界面更友好，從而提高了圖片的瀏覽效率。由于該模塊具有良好的便攜性，因此特別適合在車、船等空間狹小的場合使用。同時，軟件開發人員可以很方便地在該模塊的基礎上進行功能擴展，例如可以通過添加數據庫、虛擬儀器和設備說明書等功能模塊，將其應用到實際工程領域。

參 考 文 獻

［1］汪兵，李存斌，陳鵬.EVC高級編程及其應用開發［M］.北京:中國水利水電出版社，2005.



［2］Jeff Prosise.MFC Windows 程序設計 ［M］.2版.北京:清華大學出版社，2001.



［3］胡榮華，樓佩煌.基于掌上電腦的工業現場無線視頻監控技術研究［J］.計算機測量與控制，2006，14(7):881-883.



作者簡介 賈培勇 男，1982年出生，河北滄縣人，碩士研究生。主要從事交通信息工程與控制方面的研究。