我們開啟flash軟體,新建乙個空的flash文件,並按下ctrl+f7,開啟元件視窗。
按鈕的建立有兩種方法,一種是動態建立,即用**生成按鈕;另一種是手動建立,即我們拖乙個按鈕在舞台上,並給它例項名。首先我們手動建立,拖動乙個button在舞台上,並取名為:btntest0
接下來我們設定按鈕上面的文字內容,設定方法同樣有兩種,一種手動設定,另一種動態設定。首先我們手動設定,在屬性面板找到「元件引數」專案,看到下面有個label屬性,我們在後面的輸入框中填上「測試按鈕1」字樣,按下回車,發現按鈕已經變成了你設定的名字:
按下ctrl+enter測試,乙個按鈕已經設定完成:
下面我們再手動新增乙個按鈕,命名為btntest1,這次我們打算自動建立按鈕的名字為「測試按鈕2」。為了便於識別,我重新對了位置,並新增了說明文字:
我們新建乙個文件類,組建函式有個label屬性用來設定按鈕內容,所以我們在建構函式裡寫上 btntest1.label= "測試按鈕2",然後發布測試,便可看到按鈕名字設定成功:
package
import flash.display.sprite;
* 元件按鈕使用
* @author tiger
* 2012/3/12 13:34
public class usebutton extends sprite
public function usebutton()
btntest1.label = "測試按鈕2";
下面我們接著動態建立乙個按鈕,動態設定它的名字。我在舞台上先寫下提示文字「自動建立-自動建立名字」,然後**中建立這個按鈕:
package
import flash.display.sprite;
import fl.controls.button;
* 元件按鈕使用
* @author tiger
* 2012/3/12 13:34
public class usebutton extends sprite
private var btntest2:button;
public function usebutton()
btntest1.label = "測試按鈕2";
btntest2 = new button();
btntest2.x = 297;
btntest2.y = 133;
btntest2.label = "測試按鈕3";
this.addchild(btntest2);
發布執行後,便可看到乙個按鈕被建立出來了。
在使用按鈕進行事件監聽之前,我們看看這三個按鈕,發現文字太小了,幾乎看不清楚,這個可以設定嗎?當然可以,我們要使用textformat物件來完成這個設定,我們將第三個按鈕的文字設成微軟雅黑紅色14號字,**如下:
public function usebutton()
btntest1.label = "測試按鈕2";
btntest2 = new button();
btntest2.move(297, 133);
btntest2.setsize(100, 30);
btntest2.label = "測試按鈕3";
this.addchild(btntest2);
var mformat:textformat = new textformat();
mformat.align = textfieldautosize.center;
mformat.font = "微軟雅黑";
mformat.color = 0xff0000;
mformat.size = 14;
btntest2.setstyle("textformat", mformat);
發布後效果如圖所示:
接下來我們給第三個按鈕寫乙個單機事件,每次單擊後讓第乙個按鈕向右移動5個畫素,第二個按鈕向左移動5個畫素。完整**如下:
package
import flash.display.sprite;
import fl.controls.button;
import flash.events.mouseevent;
import flash.text.textfieldautosize;
import flash.text.textformat;
* 元件按鈕使用
* @author tiger
* 2012/3/12 13:34
public class usebutton extends sprite
private var btntest2:button;
public function usebutton()
btntest1.label = "測試按鈕2";
btntest2 = new button();
btntest2.move(297, 133);
btntest2.setsize(100, 30);
btntest2.label = "測試按鈕3";
this.addchild(btntest2);
var mformat:textformat = new textformat();
mformat.align = textfieldautosize.center;
mformat.font = "微軟雅黑";
mformat.color = 0xff0000;
mformat.size = 14;
btntest2.setstyle("textformat", mformat);
//事件偵聽
btntest2.addeventlistener(mouseevent.click, clickbtntest2);
private function clickbtntest2(e:mouseevent):void
btntest0.x += 10;
btntest1.x -= 10;
發布測試如圖:
flash遍歷子元件 Flash常見的AS迴圈
幀迴圈 幀迴圈原理就是利用時間軸上的幀的跳轉來實現迴圈。通常把這種迴圈稱為3幀迴圈,一般在第一幀設定初始化的變數 在第2幀設定迴圈規則,也就是迴圈所要達到的目的,在第3幀設定條件,如果條件不滿足則返回第2幀 gotoandplay 如果滿足則停止迴圈。onenterframe迴圈 onenterfr...
Delphi 的按鈕元件
delphi的按鈕組建一共包含三種按鈕元件,普通按鈕 button 位圖按鈕 bitbtn 和快捷按鈕 speedbutton 普通按鈕 使用最多的是淡季時間onclick。快捷按鈕 可以同時顯示影象和文字,可以保持按下的狀態,不同於普通按鈕和點陣圖按鈕按下後立刻彈起來。是工具條設計的理想元件。用多...
elementui入門 按鈕元件的使用及原始碼解析
2020 12 26 快速成型工具和桌面端元件庫 基於vue的乙個ui框架,該框架基於vue開發了很多相關元件,方便我們快速開發頁面 基於vue開發並且進行了開源 element ui 提供的全部都是封裝好的元件 2.1初始化乙個腳手架的專案 vue init webpack element2.2安...