用iphone或itouch登入過微薄的同學們想必都會發現:登入一些手機版網站(比如微薄時),表單中的輸入框會自動放大,以友善使用者輸入,等輸入完成後,頁面會再次縮小到正常狀态。
在flex開發過程中,有時也會遇到一些輸入項很多的表單,可以借鑒iphone上的這種體驗,基本思路就是:将整個容器放大,以适應螢幕,然後将獲得焦點的文本框定位到螢幕中央。
下面是示範:
當UserName與PassWord文本框獲得焦點時,表單(其實就是panel)會自動放大,并重新定位,最終将獲得焦點的文本框定位在螢幕中央,以友善輸入。點選checkbox或login按鈕時,會恢複正常大小。
主要代碼: