<sdt id="89512093" sdtgroup="t" contentlocked="t" sdtlocked="t"><span lang="EN-US" style="font-family:'Calibri','sans-serif';font-size: 1pt; mso-ascii-theme-font: minor-latin; mso-fareast-font-family: 宋體; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-latin; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-ansi-language: EN-US; mso-fareast-language: ZH-CN; mso-bidi-language: AR-SA;"><sdtpr></sdtpr><sdt id="89512082" title="文章標(biāo)題" storeitemid="X_DD88BB91-77E5-474A-8E9F-6D1801B0D62E" text="t" docpart="89512082" xpath="/ns0:BlogPostInfo/ns0:PostTitle"></sdt></span> </sdt> 能夠保留操作狀態(tài)的工具欄按鈕，名稱有點(diǎn)拗口。

<shapetype id="_x0000_t75" stroked="f" filled="f" path="m@4@5l@4@11@9@11@9@5xe" o:preferrelative="t" o:spt="75" coordsize="21600,21600"><img src="http://my.csdn.net/uploads/201206/03/1338720214_7295.png" alt=""><stroke joinstyle="miter"><formulas><f eqn="if lineDrawn pixelLineWidth 0"><f eqn="sum @0 1 0"><f eqn="sum 0 0 @1"><f eqn="prod @2 1 2"><f eqn="prod @3 21600 pixelWidth"><f eqn="prod @3 21600 pixelHeight"><f eqn="sum @0 0 1"><f eqn="prod @6 1 2"><f eqn="prod @7 21600 pixelWidth"><f eqn="sum @8 21600 0"><f eqn="prod @7 21600 pixelHeight"><f eqn="sum @10 21600 0"></f></f></f></f></f></f></f></f></f></f></f></f></formulas><path o:connecttype="rect" gradientshapeok="t" o:extrusionok="f"><lock aspectratio="t" v:ext="edit"></lock></path></stroke></shapetype>

看上圖，是一個(gè)很常見的工具欄按鈕，左邊是當(dāng)前操作按鈕圖標(biāo)，右邊是下拉菜單按鈕，點(diǎn)擊能夠顯示更多操作。

當(dāng)點(diǎn)擊下拉菜單的操作后，左邊的按鈕圖標(biāo)也相應(yīng)的改變?yōu)樽詈簏c(diǎn)擊的菜單操作，這樣用戶下次再使用該操作時(shí)就無須在點(diǎn)擊下拉菜單選取操作，直接點(diǎn)左邊的按鈕即可。

我把這款按鈕封裝成一個(gè)通用的控件，控件內(nèi)部自己管理操作列表與當(dāng)前操作。

看下面代碼，我為按鈕控件定義了一個(gè) Items 屬性，接收一個(gè)數(shù)組，數(shù)組項(xiàng)主要是描述操作的圖標(biāo)、名稱。然后，向按鈕注冊(cè)操作項(xiàng)的處理事件。

_ BorderButton.Items = [

{icon:Icon16.OBJ_BORDER_BOTTOM,label: " 下邊框 " },

{icon:Icon16.OBJ_BORDER_TOP,label: " 上邊框 " },

{icon:Icon16.OBJ_BORDER_LEFT,label: " 左邊框 " },

{icon:Icon16.OBJ_BORDER_RIGHT,label: " 右邊框 " },

{icon:Icon16.OBJ_BORDER_NONE,label: " 無邊框 " },

{icon:Icon16.OBJ_BORDER_ALL,label: " 所有邊框 " },

{icon:Icon16.OBJ_BORDER_OUTER,label: " 外側(cè)邊框 " }];

_ BorderButton.addEventListener( DropDownToolButtonEvent.ITEM_CLICK, OnBorderButtonItemClick );

事件的響應(yīng)函數(shù)，根據(jù)操作名稱判斷執(zhí)行的后續(xù)操作。

private function OnBorderButtonItemClick (e:DropDownToolButtonEvent): void

{

var label:String = e.Item.label ;

switch ( label)

{

case " 下邊框 " :

break ;

case " 上邊框 " :

// 略 …

這款按鈕在工具型的軟件使用的較多，看看以下實(shí)際的使用效果。