1. 程式人生 > >走近Flex元件系列(六):使用Form、FormHeading、FormItem佈局表單

走近Flex元件系列(六):使用Form、FormHeading、FormItem佈局表單

轉自http://www.csharpwin.com/dotnetspace/3166.shtml

本篇主要介紹使用Form、FormHeading、FormItem這三個元件進行佈局表單介面,這三個元件使用非常簡單。本篇以佈局一個使用者登入介面為示例,如下程式碼片段:

<mx:Form width="100%" id="loginForm"><mx:FormHeading label="使用者登入"></mx:FormHeading><mx:FormItem label="使用者名稱:"><mx:TextInput id="txtUserName">
</mx:TextInput></mx:FormItem><mx:FormItem label="密  碼:"><mx:TextInput id="txtPassword" displayAsPassword="true"></mx:TextInput></mx:FormItem><mx:ControlBar><mx:Spacer id="sp" width="110"/><mx:Button label="登入" id="btnLogin" 
            enabled
="{(txtUserName.text.length == 0 ) ? false : true}"

            toolTip
="{btnLogin.enabled == true ? '點選登入' : '請輸入使用者名稱和密碼'}" 
            click
="connectApp()"/></mx:ControlBar></mx:Form>

      如上程式碼段,很容易理解,<mx:Form>就相當於html裡的Form,只是這裡他不做post/get等資料提交方式,只為介面佈局。在<mx:Form>裡可以嵌入許多的其他元件,如上的<mx:Form>下還有<mx:FormHeading>和<mx:FormItem>兩種元件,<mx:FormHeading>是用於設計表單頭,理所當然<mx:FormItem>則是用於佈局表單體的。

      另外上面還通過<mx:Button>元件對介面上的資料輸入進行了控制和tooltip提示。

      與<mx:Form>元件功能類似的有<mx:Tile>等,這些元件使用都很簡單。詳細可以參考官方提供的Flex Component Explorer。


相關推薦

走近Flex元件系列()使用FormFormHeadingFormItem佈局

轉自http://www.csharpwin.com/dotnetspace/3166.shtml 本篇主要介紹使用Form、FormHeading、FormItem這三個元件進行佈局表單介面,這三個元件使用非常簡單。本篇以佈局一個使用者登入介面為示例,如下程式碼片段:

Silverlight & Blend動畫設計系列動畫技巧(Animation Techniques)之對象與路徑轉化波感特效

繪制 name sof 圖形 基本 默認 nbsp getprop 都在 當我們在進行Silverlight & Blend進行動畫設計的過程中,可能需要設計出很多效果不一的圖形圖像出來作為動畫的基本組成元素。然而在設計過程中可能會出現許多的問題,比如當前繪制了一個

elasticsearch系列聚合分析(聚合分析簡介指標聚合桶聚合)

{  "took": 2059,  "timed_out": false,  "_shards": {    "total": 58,    "successful": 58,    "skipped": 0,    "failed": 0  },  "hits": {    "total": 1015, 

Ansible系列()循環和條件判斷

1.5 leg 文件 lob dict ems ans 實現 items 本文目錄:1. 循環 1.1 with_items叠代列表 1.2 with_dict叠代字典項 1.3 with_fileglob叠代文件 1.4 with_lines叠代行 1.5 with_ne

Skype For Business 2015綜合部署系列配置skype 持久聊天服務器

sfb部署持久聊天服務器 持久聊天插件安裝 持久聊天管理員 持久聊天全局配置 創建聊天室 本篇博文進入Skype for business 2015 綜合部署系列的第六部分:配置Skype for business Server 2015 持久聊天服務器 。首先詳細介紹了在前端服務器

mysql數據備份pymysql模塊

配置文件 time 哪些 物理 databases creat label 重啟 遷移 閱讀目錄 一 IDE工具介紹 二 MySQL數據備份 三 pymysql模塊 一 IDE工具介紹 生產環境還是推薦使用mysql命令行,但為了方便我們測試,可以使用ID

Mysql()數據備份pymysql模塊

outfile mysqldump 備份腳本 event 版本 student bsp pan window 一 IDE工具介紹 生產環境還是推薦使用mysql命令行,但為了方便我們測試,可以使用IDE工具 下載鏈接:https://pan.baid

Redis系列緩存雪崩緩存穿透緩存預熱緩存更新緩存降級

布隆 隊列 class 系統 新頁面 研究 後臺 默認值 二級 一、緩存雪崩 緩存雪崩我們可以簡單的理解為:由於原有緩存失效,新緩存未到期間(例如:我們設置緩存時采用了相同的過期時間,在同一時刻出現大面積的緩存過期),所有原本應該訪問緩存的請求都去查詢數據庫了,而對數據庫C

Docker教程系列Docker上部署Nginx

res host format 系列 ive nec efault bin con 1下載Nginx鏡像 docker pull nginx 2創建Nginx容器 docker run -di --name=nginx -p 80:80 nginx

『PHP學習筆記』系列二分法查詢演算法

演算法原理: 二分法查詢適用於資料量較大時,但是資料需要先提前排好順序。(必須是順序儲存的資料!) 確定該陣列中間元素位置:intval(0+(count($arr)-1))/2)) 如果中間位置的元素值,與要查詢的值相等,則直接返回。 如果中間位置的元素值,與要查詢

katalon系列Katalon Studio Web UI關鍵字講解

在一個Test Case裡,點左上Add-Web UI Keyword,可以新增一行新的命令。 像Click、setText、Delay這些最基本的,大家還是看看官方的API文件吧,望文知義,如果是純新手,可以先學學selenium的API,有網站也有書,都是中文的。介紹幾個寫用例時,邏輯中會用到的幾個K

SpringBoot框架搭建系列()整合RabbitMQ

本次我們整合RabbitMQ 1、引入依賴 <!--mq--> <dependency> <groupId>org.springframework.boot</groupId>

DEVOPS 運維開發系列綠燈測試

綠燈測試,是一種比喻,在運維領域中一般是指對應用服務進行一個或一系列的驗證性測試。當通過全部測試時,我們認為該應用服務處於一個正常執行的狀態。否則,就要亮“紅燈”,即意味著存在部分或整體性的應用服務故障。 綠燈測試的實現方式 早期我們大多是開發一些SHELL或Python指令碼,來幫

AVFoundation系列AssetMetaData元資料音樂封面

AVAsset 中可能包含,以下資訊: let file = Bundle.main.path(forResource: "肖央,黃明志 - 不想上班", ofType: "mp3")

Winform/C#入門程式設計之第二部分常用控制元件標籤控制元件Label)

簡介:         介紹標籤控制元件Label。一般單獨或者配合編輯框控制元件等使用,用作提示或解釋等。   介紹: 1.屬性 常用屬性 Name 獲取或設定控制元件的名稱

邊學邊敲邊記爬蟲系列()CSS選擇器實戰訓練

一、 前言 上一篇文章Xpath實戰訓練中給大家講解並帶著大家實戰訓練了Xpath,爬取了伯樂線上文章的基本資訊,並且介紹scrapy裡的shell除錯模式使用,還是很實用的哈。 本篇將給大家講解CSS選擇器,以及一起實戰練習,牢記基礎語法知識。

Java常見集合框架(十)Queue之DelayQueuePriorityQueuePriorityBlockingQueue

DelayQueue public class DelayQueue extends AbstractQueue implements BlockingQueue Delayed 元素的一個基於優先順序的無界阻塞佇列,只有在延遲期滿時才能從中提取元

Docker系列()Docker網路機制(下)

Linux Namespace詳解 namespace:是一個空間,空間裡可以放程序,檔案系統,賬號,網路等,某個資源被放到namespace之後 別人就看不到他了。 可以看到有兩個namespace下兩個相同名字的程序0,並不衝突,每個namespace是獨立的隔離的,相當於一個

tensorflow學習系列mnist從訓練儲存模型再到載入模型測試

    通過前面幾個系列的學習對tensorflow有了一個漸漸親切的感覺,本文主要是從tensorflow模型訓練與驗證的模型進行實踐一遍,以至於我們能夠通過tensorflow的訓練有一個整體的概念。下面主要是從訓練到儲存模型,然後載入模型進行預測。# -*- codin

深度學習系列()自編碼網路的特徵學習

在第三節我們已經介紹了 知道了自編碼學習其實就是學習到了輸入資料的隱含特徵,通過新的特徵來表徵原始資料,本節將介紹如何使用這些隱含特徵進行模式分類; 還是以前面的三層自編碼網路: 抽象一下如下: 其中學習到的權值係數W1與W1’是不一樣的,我