flex元件基礎入門 建立flex元件的兩種方法

2021-08-29 19:01:22 字數 1905 閱讀 5637

[b]【貝武易科技專業flex3d開發--www.newflash3d.com】[/b]

我們可以通過mxml和as**這兩種方式來建立flex的基本元件,他們都是繼承自flex的uicomponent。

新建乙個新的flexproject,如下圖,起乙個你自己喜歡的名字,我這裡為mycomponentexe.如下圖

起個名字

檔案生成完以後,我們會看到預設的mycomponentexe.mxml的**如下

這裡需要注意的一點是 xmlns:mx=""這一行,它告訴了程式,我們的元件空間(可以說是元件的庫)叫什麼名(這裡的名字代號為mx),在**(這裡為),同樣我們如果要建立新的元件,也需要告訴程式它們的名字代號及它們被放在**。

下面我們繼續操作。

[u]建立乙個button元件[/u]

首先我們在專案的src資料夾了建立乙個檔名為mycomponent,這個名字你可以根據你的喜好來定,不一定跟我一樣。如圖

方法一:通過mxml

在選單裡選擇新建乙個component元件

操作步驟如下:

這裡需要選擇元件的型別,我們選button型別,起名為mybutton,如圖

我們可以看到在資料夾 mycomponent下面多了乙個mybutton.mxml檔案,**如下

<?xml version="1.0" encoding="utf-8"?>

我們給它做乙個定製,給這個按鈕做乙個個性的標籤名字「我的按鈕」,**如下

<?xml version="1.0" encoding="utf-8"?>

好了,這裡乙個最簡單的元件就完成了,當然我們可以把這個元件做得複雜一點,留到下面的教程裡去實現吧。

下一步,把這個帶我自己定製的「我的按鈕」的名字的元件在主程式中應用。

回到主程式mycomponentexe.mxml

寫入加入按鈕的**,咱們先看**

這裡我們首先定義了乙個新的元件空間mc,接著告訴程式,元件的位置在**,--mycomponent.*",mycomponent資料夾下的所有元件都是了。

定義好了以後,那麼在底下的程式中我們只要輸入

我們把mybuttonas生成的物件往右邊移動了100個畫素。

[b]【貝武易科技專業flex3d開發--www.newflash3d.com】[/b]

最終結果如下了。。。。。

好了,都完成了,呵呵,的確是很簡單的入門,的確是很基礎,願你再進一步發揮了。

[b]【貝武易科技專業flex3d開發--www.newflash3d.com】[/b]

Vue入門 元件基礎

元件 專案的開發,就是乙個元件樹,元件可以進行復用。元件的名字 1.html標籤不區分大小寫 2.不能跟系統標籤重名 3.遵循 w3c 規範中的自定義元件名 字母全小寫且必須包含乙個連字元 4.支援駝峰命名.myheader,但是在引用的時候,需要使用my header的方式元件支援兩種定義方式 全...

Flex布局 彈性布局 基礎入門

flex是flexble box的縮寫,意為 彈性布局 用來為盒狀模型提供最大的靈活性,任何乙個容器都可以指定為flex布局。採用 flex 布局的元素,稱為 flex 容器 flex container 簡稱 容器 他所有子元素自動成為容器成員,簡稱為 flex 專案 flex item 簡稱 專...

vue入門 元件基礎todolist

1.以下是 todolist 的例子,沒有用到元件 下面的3 會通過元件拆分todolist 1 doctype html 2 html lang en 3 head head 4 body 5 div id root 6 div 7 input v model inputvalue 8 butto...