Flash來寫應用程式(七)：運用內建的手風琴面板

手風琴面板又名OutlookBar，最初是從Office Outlook中看到的，在有限的空間類，以標題列提供點選的方式，內容以滑動的方式呈現，既生動又擁有足夠的空間來放置圖案與文字。在Flash 8中，Components裡面即存在此功能的元件名為Accordion，雖然可以用屬性的方式填入參數，當然也可以透過ActionScript的描述，以方便微調以及提供預設屬性上無法修改的參數。在Flash中，Accordion內是可以存放一個一個MovieClip來在標題或內容，因此搭配上來可以非常生動活潑。

所以只要有好的圖片與搭配，就可以透過Accordion創造自己所喜歡的手風琴面板，而在這個例子中，我是透過ActionScript在Accordion的onLoad事件中，將參數寫入Accordion元件，產生上述效果，程式碼如下：

on (load) { 
    // 設定選單高度為28
    this.setStyle ("headerHeight", 28);
    // 設定第一個選單內容為NoteTab MovieClip，標題不顯示文字只採用tab1圖示
    var tab1 = this.createChild("NoteTab", "tab1", {label:'', icon:"tab1"});
    // 設定第二個選單內容為SignTab MovieClip，標題不顯示文字只採用tab2圖示
    var tab2 = this.createChild("SignTab", "tab2", {label:'', icon:"tab2"});
    // 設定第三個選單內容為QueryTab MovieClip，標題不顯示文字只採用tab3圖示
    var tab3 = this.createChild("QueryTab", "tab3", {label:'', icon:"tab3"}); 
    tab1.setSize (77, 890 - 28*3); 
    tab2.setSize (77, 890 - 28*3); 
    tab3.setSize (77, 890 - 28*3); 
}