摘 要:圖像在我們的生活中扮演重要的角色,圖像處理技術(shù)是我們研究的一個熱門方向,本文提出了一種基于Flex軟件的圖像濾鏡系統(tǒng)。簡述了設(shè)計過程,介紹了系統(tǒng)的使用方法,最終通過實(shí)驗(yàn)驗(yàn)證了設(shè)計的正確性。
關(guān)鍵詞:Flex;圖像處理;濾鏡
中圖分類號:TP391.9
Flex Builder集成開發(fā)環(huán)境功能非常強(qiáng)大,由于其具有高效性、成熟的技術(shù)背景、GUI界面開發(fā),并使用基于XML的MXML語言,很多領(lǐng)域都融入了基于Flex的研發(fā)平臺。由于Flex具有富客戶端互聯(lián)網(wǎng)技術(shù),已經(jīng)被越來越多的公司所采用,越來越多的研究人員開始致力于基于Flex的開發(fā)[1]。
同時,F(xiàn)lex在圖像處理效果方面也有很好的表現(xiàn)力,所以應(yīng)用其實(shí)現(xiàn)圖像處理功能的研發(fā)人員也不斷增多。
本文通過實(shí)驗(yàn)驗(yàn)證系統(tǒng)設(shè)計的可行性。實(shí)驗(yàn)過程:通過加載電腦中的本地圖片,點(diǎn)擊對應(yīng)的濾鏡算法按鈕,對加載的圖片進(jìn)行算法處理,最終顯示濾鏡變換后的效果。
1 設(shè)計流程
圖1 系統(tǒng)設(shè)計流程框圖
系統(tǒng)流程如圖1所示。打開Flex,創(chuàng)建新項(xiàng)目,設(shè)置窗體及窗體中各控件屬性,然后編寫代碼,并且經(jīng)過編譯,調(diào)試和運(yùn)行,最終生成SWF后綴文件,從而完成了一個Flex應(yīng)用程序的設(shè)計。在這個窗體中里選取圖片文件,載入源圖像。通過選擇不同處理內(nèi)容從而實(shí)現(xiàn)對圖像的不同效果處理。本系統(tǒng)設(shè)計了8種圖片濾鏡效果。
2 設(shè)計過程
2.1 項(xiàng)目文件創(chuàng)建[2]
(1)運(yùn)行Flex。單擊“開始”按鈕,將鼠標(biāo)指針移到“所有程序”上,定位到Flex builder4,在彈出的子菜單上,選擇Flex builder4。將啟動并顯示“起始頁”。
(2)新建項(xiàng)目。選擇“文件→新建→Flex項(xiàng)目”,彈出“新建項(xiàng)目”對話框,自定義新建項(xiàng)目的名稱,并單擊“確定”按鈕。
2.2 窗體和控件的設(shè)計
主窗口設(shè)計[3]。圖2所示為Flex環(huán)境的主窗口及其各種子窗口。本設(shè)計中包括:button,image,canvas三部分,將其從工具欄中拖拽到窗體的合適位置、調(diào)整大小并設(shè)置其屬性。
圖2 Flex環(huán)境的主窗口
2.3 算法設(shè)計
在系統(tǒng)設(shè)計中選用了常見的幾種圖像濾鏡算法包括:閾值、灰度、對比度、亮度、飽和度、反色處理、水平及垂直翻轉(zhuǎn)。設(shè)計中用到了顏色響應(yīng)矩陣、卷積方法等[4]。
關(guān)鍵代碼如下:
Public function changeConvolutionfanse():
void {
var mat:Array=[
//添加濾鏡變換矩陣
];
var colorMat:ColorMatrixFilter=new ColorMatrixFilter(mat);
image1.filters=[colorMat];
}
2.4 圖像處理系統(tǒng)
通過添加控件和編輯程序最終形成了一個main.swf文件,即圖像濾鏡效果處理系統(tǒng)應(yīng)用程序。
操作方法:單擊“打開”按鈕,窗體會彈出文件打開對話框,選擇一個圖片文件,圖片文件會顯示在窗體上。單擊其中要處理的濾鏡按鈕,即得到對比效果。
3 實(shí)驗(yàn)和總結(jié)
將設(shè)計的全部濾鏡算法進(jìn)行試驗(yàn),系統(tǒng)能很好地打開圖像文件,執(zhí)行濾鏡算法。驗(yàn)證了系統(tǒng)的可行性。反色變換濾鏡效果對比如圖3所示;水平翻轉(zhuǎn)效果對比如圖4所示。
圖3 反色變換濾鏡效果對比
圖4 水平翻轉(zhuǎn)效果對比
參考文獻(xiàn):
[1]http://baike.baidu.com/subview/623340/13746390.htm?fr=aladdin
[2]鄭阿奇.Flex 4開發(fā)實(shí)踐[M].北京:電子工業(yè)出版社,2011.
[3]聶曉霞.Flex從入門到精通[M].北京:清華大學(xué)出版社,2008.
[4]http://blog.sina.com.cn/s/blog_bb03fa6e0101lxhm.html
[5]http://blog.chinaunix.net/uid-122937-id-142921.html
作者簡介:畢毅(1982-),女,大連人,十一級助理工程師,研究方向:計算機(jī)。
作者單位:遼寧公安邊防總隊(duì)大連邊防檢查站,遼寧大連 116000