薊

這是之前遇到的問題, 現在把它筆記下來

在元件庫裡, 有做好的SimpleButton: botton_bg

它包含了底圖(Sprite), 還有一個文字(TextField)

在as控制這邊, 假設我有5筆資料, 就要用它產生5個按鈕

按鈕上就顯示1 ~ 5

還記得嗎, SimpleButton裡, 分成了四個影格, 其中一個是hit區域

如果我要改變SimpleButton裡的內容,

就必須分別找到這幾個影格, 分別設定新內容給它

import flash.display.SimpleButton; import flash.display.Sprite; import flash.text.TextField; var i:Number; for (i=1; i<=5; i++){ /* 將按鈕實體化 */ var btnNum:SimpleButton = new botton_bg(); //給name btnNum.name = "btnNums" + i; //定位 btnNum.x = (btnNum.width + 3) * i; btnNum.y = 162; //指定給mcControl這一個MovieClip裡面 mcControl.addChild(btnNum); //指定click事件 btnNum.addEventListener(MouseEvent.CLICK, btnNumShowBanner); /* 按鈕上就顯示1 ~ 5 */ //取得影格: 一般狀態: upState var upstate:Sprite = btnNum.upState as Sprite; //用index(深度)找到文字欄位 var txt:TextField = upstate.getChildAt(1) as TextField; //給顯示的數字 txt.text = String( i+1 ); //文字不斷行 txt.wordWrap = false; //文字欄位自動調整大小 txt.autoSize = "left"; //顯示位置的微調 if(i >= 9){ txt.x -= 3.5; } //滑鼠移到按鈕上的狀態: overState //以下的設定, 重覆 upState 的設定 var overstate:Sprite = btnNum.overState as Sprite; var txt2:TextField = overstate.getChildAt(1) as TextField; txt2.text = String( i+1 ); txt2.wordWrap = false; txt2.autoSize = "left"; if(i >= 9){ txt2.x -= 3.5; } //按下按鈕的狀態: downState //以下的設定, 重覆 upState 的設定 var downstate:Sprite = btnNum.downState as Sprite; var txt3:TextField = downstate.getChildAt(1) as TextField; txt3.text = String( i+1 ); txt3.wordWrap = false; txt3.autoSize = "left"; if(i >= 9){ txt3.x -= 3.5; } }

如果, 我需要改2號按鈕的底圖顏色, 要怎麼做?

產生的時候, 我們有指定name, 可以用name來取得SimpleButton

ColorTransform則可以幫我們改變顏色

import flash.geom.ColorTransform; //button color var newBtn:SimpleButton = mcControl.getChildByName("btnNums2") as SimpleButton; var newBtnUpState:Sprite = newBtn.upState as Sprite; var newSprite:Sprite = newBtnUpState.getChildAt(0) as Sprite; newSprite.transform.colorTransform = new ColorTransform(0, 0, 0, 1, 255, 51, 102, 0);

livedocs: SimpleButton

livedocs: ColorTransform

然後, SimpleButton 也是很謎的東西, 詳情可以參考這篇

Ticore's Blog: AS3 SimpleButton 型別檢查漏洞