Flash元件按鈕的使用詳解

2021-06-08 22:57:42 字數 3607 閱讀 6527

我們開啟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安...