by romain pouclet
on august 31, 2009
edited by: ed sullivan
on september 9, 2009
css現在提供了許多諸如高階選擇或是命名空間的特性,讓我們來看看如何使用。我們會展示一些方法來選擇和應用一些樣式到部件上:使用namespace的全域性選擇,使用id的選擇,繼承和狀態的選擇。
**
在這個例子裡,我會用到兩個button(乙個屬於halo 乙個來自spark)和乙個包含在vgroup裡的progressbar
<?xml version="1.0" encoding="utf-8"?>申明命名空間
@namespace s "library:";像這樣,如果我想應用某些style到乙個部件上,我還要必須在我的選擇符前邊確定命名空間(就象這樣 ,s|button )。如果你能保證你的專案大部分都會使用spark元件,你也可以將spark命名空間設為預設。@namespace mx "library:";
@namespace "library:";
之後,在前邊的例子裡,你就不需要再附加上's|'了。
全域性選擇
mx|button當然,你依然可以以設定元件的stylename屬性的方式來使用類選擇符,就像這樣s|button
.mystyleclass選擇我的id
若我只是想設定某些元件的base-color,我會用到id選擇符
#halobutton#sparkbutton
繼承選擇
我想要包含在vgroup裡的progressbar字型設定為紅色
s|vgroup#mybox mx|progressbar
狀態選擇
我想我的spark按鈕的標籤在被使用者按下的時候(button的state為'down')字型變為綠色
s|vgroup#mybox mx|progressbar
總結
以前的css功能實現有許多不合理的地方,而且如果你在使用flex之前開發過html/css會讓你相當沮喪。
現在有了新的語法,定製元件將變得容易許多。
Flex4中s List元件的使用
1.先來乙個最簡單的例子,關於s list的使用 xmlns s library xmlns mx library minwidth 955 minheight 600 該例子使用arraycollection做為list的資料來源,通過屬性labelfield city 將city的內容繫結到li...
關於Flex4中的drag
今天做控制項之間的資料拖動時,始終要出現空指標錯誤,很鬱悶,後來才發現,flex4和flex3的拖動有很大的不同,flex4中必須設定乙個資料來源,用來存放值,如果沒有設定,資料就不知道怎麼儲存。在flex3中這樣就行了 xmlns s library xmlns mx library minwid...
flex4的新資料型別ArrayList
在flex 4中的引入了一種新資料型別 arraylist。它實現了ilist介面,底層以array作為資料來源。本質上它是一種輕量級的 arraycollection,可以作為資料來源繫結到控制項上。但與arraycollection不同的是,它不能篩選和過濾陣列。看下面例項 flex spark...