Flex - 基礎控制元件



每個使用者介面都考慮以下三個主要方面:

  • UI 元素 - 這些是使用者最終看到並與之互動的核心視覺元素。Flex 提供了大量常用的基本到複雜元素,我們將在本教程中介紹。

  • 佈局 - 它們定義了 UI 元素如何在螢幕上組織,併為 GUI(圖形使用者介面)提供最終外觀和感覺。這部分內容將在佈局章節中介紹。

  • 行為 - 當用戶與 UI 元素互動時,會發生這些事件。這部分內容將在事件處理章節中介紹。

Flex UI 元素

Flex UI 庫在一個定義良好的類層次結構中提供類,以建立複雜的基於 Web 的使用者介面。此元件層次結構中的所有類都派生自EventDispatcher基類,如下所示:

Flex Components

每個基本的 UI 控制元件都繼承自 UIComponent 類的屬性,而 UIComponent 類又繼承自 EventDispatcher 和其他頂級類的屬性。

序號 控制元件和描述
1 Flex EventDispatcher 類

EventDispatcher 類是所有可以分派事件的類的基類。EventDispatcher 類允許顯示列表上的任何物件成為事件目標,並因此可以使用 IEventDispatcher 介面的方法。

2 Flex UIComponent

UIComponent 類是所有可視元件(互動式和非互動式)的基類。

基礎控制元件

以下是幾個重要的基礎控制元件

序號 控制元件和描述
1 標籤

標籤是一個低階 UIComponent,可以渲染一行或多行格式統一的文字。

2 文字

文字控制元件允許您在應用程式中顯示 HTML 內容以及普通文字。

3 影像

影像控制元件允許您在執行時匯入 JPEG、PNG、GIF 和 SWF 檔案。

4 連結按鈕

連結按鈕控制元件是一個無邊框的按鈕控制元件,當用戶將滑鼠懸停在其上時,其內容會高亮顯示。

廣告