如何在Flex 4 中使用新的CSS語法

2021-08-30 05:18:14 字數 1455 閱讀 2224

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:";

@namespace mx "library:";

像這樣,如果我想應用某些style到乙個部件上,我還要必須在我的選擇符前邊確定命名空間(就象這樣 ,s|button )。如果你能保證你的專案大部分都會使用spark元件,你也可以將spark命名空間設為預設。

@namespace "library:";
之後,在前邊的例子裡,你就不需要再附加上's|'了。

全域性選擇

mx|button

s|button

當然,你依然可以以設定元件的stylename屬性的方式來使用類選擇符,就像這樣

.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...