使用自定義視窗以及對視窗的移動，縮放，關閉操作

使用自定義視窗以及對視窗的移動，縮放，關閉操作

這個教程主要針對對flex有一定基礎，準備開始air開發的朋友。由於air是針對桌面應用程式，所以相對於flex的web應用，自然就多出了對應用程式視窗的控制。而 air的一大特點就是允許開發者使用自定義的視窗代替系統視窗從而使開發者對程式ui的設計更加隨心所欲，設計出獨具個性風格的跨平台的桌面應用程式。

羅嗦的話到次為止，下面正式開始主題，教程主要實現了以下功能。

1. 遮蔽系統視窗、 flash視窗、視窗底部狀態列。使用自定義視窗。

2. 對自定義視窗的縮放、移動、關閉。

在實現以上操作的過程中，我加入了一些額外的操作來豐富我們的demo，都是很簡單，很實用的東西。

3. 移動視窗時實現半透明效果，移動結束時還原。

4. 關閉視窗動畫。

5. 視窗背景填充。

1. 遮蔽系統視窗， flash視窗，視窗底部狀態列。使用自定義視窗。

transparent

true<

/transparent

這個可以允許我們讓應用程式的背景透明，這個很有用，比方說qq寵物就是乙個背景透明的應用程式，利用背景透明，我們可以開發出很獨特的應用程式。接下來要做的就簡單了。

在上面移動視窗的mousedown事件中加入 this.alpha = 0.x; 下面是demo中的**。我將透明度設為0.6,this. alpha只針對應用程式的背景設定透明，如果你想讓更多的東西透明，只需要對相應的控制項設定alpha既可。

private function moveme():void

讓透明還原我在mouseup事件中設定alpha =1;

private function mouseuphandle():void

這樣簡單的設定也許就會使你的應用程式看起來不一樣，怎麼不試試呢：）

4. 關閉視窗動畫。

我使用了下面的iris效果對在視窗關閉時使用。有什麼效果呢，大家關閉一下就知道了。 flex中內建了很多效果給我們使用，很多時候我們只需要適當的組合，就能得到意想不到的效果，比如 move與 wipedown一起可以實現mac系統，選單向下滑出的效果。諸如此類，只要有想像力，我們可以用很簡單的**，實現很有用的功能。在demo 中，如下設定得到關閉動畫

<closeeffect="irisin"

..... />

mx:iris id="irisin" duration="500" showtarget="false"

5. 視窗背景填充。

這個功能其實在開發程式的時候用的不多，我是不想讓demo看起來太單調所以加了背景，我們知道flex是不能像html那樣輕易的讓背景重複顯示的，所以我們的用一些特殊方法處理以下，demo中的 setbackground方法用於設定整個背景。這裡面涉及到的 bitmap, bitmapdata, graphics類的具體作用，大家感興趣的話可以看幫助手冊，我的觀點是當里用到的時候查幫助也不遲，只要知道有這麼些個類可以為你幹什麼活就好。

private function setbackground():void

使用自定義視窗以及對視窗的移動，縮放，關閉操作

WPF 自定義視窗

繼承自定義視窗

介面顯示自定義視窗

使用自定義視窗以及對視窗的移動，縮放，關閉操作

WPF 自定義視窗

繼承自定義視窗

介面 顯示自定義視窗

相關推薦

介面顯示自定義視窗