能以可視化方式編輯濾鏡效果的Image控制項

ASPDOTNET裡提供的Image控制項的功能比價簡單，只是簡單顯示一片，相對於html的Img標記多了些功能。通常對圖片的處理還需要添加一些樣式，比如這裡說的濾鏡效果，但是這個需要手動編寫filter樣式，那區段標記也很長，參數也比較多。最後寫好了樣式，還要切換到設計介面看看效果行不行，通常由於寫錯幾個參數名導致來回的折騰，甚至還要在瀏覽器運行一下看看效果。其實msdn裡提供了filter代碼產生的協助頁面(ms-help://MS.VSCC.v80/MS.MSDN.v80/MS.WEBDEV.v10.en/filters/workshop/samples/author/filter/Alpha.htm),在這個頁面裡能夠用所見即所得 (WYSIWYG)的方式，輕鬆的擷取想要的filter樣式代碼。這是個偷懶的方法，但是我還覺得麻煩，因為還要複製粘貼。不如擴充一下image控制項，增加一個Filter屬性，然後這個屬效能夠像msdn協助裡的那樣用所見即所得 (WYSIWYG)的方式去編輯，編輯完之後就能立刻顯示效果，連複製粘貼都省了。於是就產生了本文的FilerImage控制項。
FilerImage控制項繼承原來的Image控制項，只是增加了一個屬性，對Image控制項沒有太大的改動。主要技術點在於實現自訂的UITypeEditor，這裡取名叫FilterEditor，用這個Editor去修飾Filter屬性。另外一個比較麻煩的是要做一個選擇濾鏡參數的表單，而且還要能夠馬上預覽。具體邏輯是，使用者選擇了濾鏡參數之後，就馬上應用這些參數產生filter樣式，然後應用在預覽圖片中（預覽圖片是裝載在webbroswer控制項中的），隨著各個參數的更改，立即更新預覽圖片的樣式，從而達到可見即所得的效果，最後點擊確定將產生的Filter應用到正在編輯的Image控制項的圖片中。

完整代碼

控制項編輯時的：