基于Flex軟件的圖像濾鏡系統(tǒng)設(shè)計(jì)

摘 要：圖像在我們的生活中扮演重要的角色，圖像處理技術(shù)是我們研究的一個(gè)熱門(mén)方向，本文提出了一種基于Flex軟件的圖像濾鏡系統(tǒng)。簡(jiǎn)述了設(shè)計(jì)過(guò)程，介紹了系統(tǒng)的使用方法，最終通過(guò)實(shí)驗(yàn)驗(yàn)證了設(shè)計(jì)的正確性。

關(guān)鍵詞：Flex；圖像處理；濾鏡

中圖分類號(hào)：TP391.9

Flex Builder集成開(kāi)發(fā)環(huán)境功能非常強(qiáng)大，由于其具有高效性、成熟的技術(shù)背景、GUI界面開(kāi)發(fā)，并使用基于XML的MXML語(yǔ)言，很多領(lǐng)域都融入了基于Flex的研發(fā)平臺(tái)。由于Flex具有富客戶端互聯(lián)網(wǎng)技術(shù)，已經(jīng)被越來(lái)越多的公司所采用，越來(lái)越多的研究人員開(kāi)始致力于基于Flex的開(kāi)發(fā)[1]。

同時(shí)，F(xiàn)lex在圖像處理效果方面也有很好的表現(xiàn)力，所以應(yīng)用其實(shí)現(xiàn)圖像處理功能的研發(fā)人員也不斷增多。

本文通過(guò)實(shí)驗(yàn)驗(yàn)證系統(tǒng)設(shè)計(jì)的可行性。實(shí)驗(yàn)過(guò)程：通過(guò)加載電腦中的本地圖片，點(diǎn)擊對(duì)應(yīng)的濾鏡算法按鈕，對(duì)加載的圖片進(jìn)行算法處理，最終顯示濾鏡變換后的效果。

1 設(shè)計(jì)流程

圖1 系統(tǒng)設(shè)計(jì)流程框圖

系統(tǒng)流程如圖1所示。打開(kāi)Flex，創(chuàng)建新項(xiàng)目，設(shè)置窗體及窗體中各控件屬性，然后編寫(xiě)代碼，并且經(jīng)過(guò)編譯，調(diào)試和運(yùn)行，最終生成SWF后綴文件，從而完成了一個(gè)Flex應(yīng)用程序的設(shè)計(jì)。在這個(gè)窗體中里選取圖片文件，載入源圖像。通過(guò)選擇不同處理內(nèi)容從而實(shí)現(xiàn)對(duì)圖像的不同效果處理。本系統(tǒng)設(shè)計(jì)了8種圖片濾鏡效果。

2 設(shè)計(jì)過(guò)程

2.1 項(xiàng)目文件創(chuàng)建[2]

（1）運(yùn)行Flex。單擊“開(kāi)始”按鈕，將鼠標(biāo)指針移到“所有程序”上，定位到Flex builder4，在彈出的子菜單上，選擇Flex builder4。將啟動(dòng)并顯示“起始頁(yè)”。

（2）新建項(xiàng)目。選擇“文件→新建→Flex項(xiàng)目”，彈出“新建項(xiàng)目”對(duì)話框，自定義新建項(xiàng)目的名稱，并單擊“確定”按鈕。

2.2 窗體和控件的設(shè)計(jì)

主窗口設(shè)計(jì)[3]。圖2所示為Flex環(huán)境的主窗口及其各種子窗口。本設(shè)計(jì)中包括：button，image，canvas三部分，將其從工具欄中拖拽到窗體的合適位置、調(diào)整大小并設(shè)置其屬性。

圖2 Flex環(huán)境的主窗口

2.3 算法設(shè)計(jì)

在系統(tǒng)設(shè)計(jì)中選用了常見(jiàn)的幾種圖像濾鏡算法包括：閾值、灰度、對(duì)比度、亮度、飽和度、反色處理、水平及垂直翻轉(zhuǎn)。設(shè)計(jì)中用到了顏色響應(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)

通過(guò)添加控件和編輯程序最終形成了一個(gè)main.swf文件，即圖像濾鏡效果處理系統(tǒng)應(yīng)用程序。

操作方法：?jiǎn)螕簟按蜷_(kāi)”按鈕，窗體會(huì)彈出文件打開(kāi)對(duì)話框，選擇一個(gè)圖片文件，圖片文件會(huì)顯示在窗體上。單擊其中要處理的濾鏡按鈕，即得到對(duì)比效果。

3 實(shí)驗(yàn)和總結(jié)

將設(shè)計(jì)的全部濾鏡算法進(jìn)行試驗(yàn)，系統(tǒng)能很好地打開(kāi)圖像文件，執(zhí)行濾鏡算法。驗(yàn)證了系統(tǒng)的可行性。反色變換濾鏡效果對(duì)比如圖3所示；水平翻轉(zhuǎn)效果對(duì)比如圖4所示。

圖3 反色變換濾鏡效果對(duì)比

圖4 水平翻轉(zhuǎn)效果對(duì)比

參考文獻(xiàn)：

[1]http：//baike.baidu.com/subview/623340/13746390.htm？fr=aladdin

[2]鄭阿奇.Flex 4開(kāi)發(fā)實(shí)踐[M].北京：電子工業(yè)出版社，2011.

[3]聶曉霞.Flex從入門(mén)到精通[M].北京：清華大學(xué)出版社，2008.

[4]http：//blog.sina.com.cn/s/blog_bb03fa6e0101lxhm.html

[5]http：//blog.chinaunix.net/uid-122937-id-142921.html

作者簡(jiǎn)介：畢毅（1982-），女，大連人，十一級(jí)助理工程師，研究方向：計(jì)算機(jī)。

作者單位：遼寧公安邊防總隊(duì)大連邊防檢查站，遼寧大連 116000