正文

使用CSS設(shè)計JavaFX(6)

新手學(xué)Java FX 作者:(美)J.F.蒂馬爾齊奧


14.1.1  創(chuàng)建樣式

JavaFX會自動識別任何一個帶有名稱的節(jié)點所創(chuàng)建的CSS樣式類。例如,如果要創(chuàng)建一個應(yīng)用到所有Label(標(biāo)簽)節(jié)點的CSS類,那么可以創(chuàng)建一個名為.label的樣式類?,F(xiàn)在開始創(chuàng)建一個.label類并將在隨后的腳本中使用它。

.label{

}

在這個類中,可以把Label節(jié)點的字體顏色變?yōu)榧t色,并將字體設(shè)置為14磅Courier字體。要改變字體和字體顏色,就需要在樣式類中增添正確的屬性。幸運的是,JavaFX也能識別那些直接訪問Node屬性的CSS樣式屬性。

Label節(jié)點中用來改變一個標(biāo)簽字體顏色的屬性是textFill。要從CSS中訪問這個屬性,需要添加“-fx-”作為前綴,并使用連字符(-)分割每個單詞。樣式聲明如下所示:

.label{

-fx-text-fill: red;

}

這個樣式指出所有Label節(jié)點都將textFill屬性設(shè)置成RED。下面將為Label節(jié)點創(chuàng)建更多的聲明,然后把這個樣式表應(yīng)用到一個腳本中。

使用-fx-font樣式來改變Label節(jié)點的字體如下所示:

.label{

-fx-text-fill: red;

-fx-font: bold 14pt "Courier";

}


上一章目錄下一章

Copyright ? 讀書網(wǎng) www.dappsexplained.com 2005-2020, All Rights Reserved.
鄂ICP備15019699號 鄂公網(wǎng)安備 42010302001612號