為用戶界面元素選擇正確的顏色始終是一個(gè)很大的挑戰(zhàn)，但是當(dāng)您開發(fā)可重用的框架控件時(shí)，開發(fā)人員就無法控制使用它們的應(yīng)用程序的外觀和感覺，這甚至更具挑戰(zhàn)性。 盡管您可能總是將元素添加到默認(rèn)的灰色背景之上，但是嵌入控件的開發(fā)人員可能更傾向于哥特式風(fēng)格，并使用黑色背景。 突然之間，您選擇的漂亮顏色與應(yīng)用程序的其余部分發(fā)生沖突。

為了解決此問題，我在使用FlexGanttFX和FlexCalendarFX時(shí)發(fā)現(xiàn)的最佳方法是使用半透明顏色。 當(dāng)您執(zhí)行操作時(shí)，UI元素的顏色將始終是其自身顏色和背景顏色的混合。 如果應(yīng)用程序使用白色背景，則顏色將變亮；如果應(yīng)用程序使用黑色背景，則顏色將變暗。 元素和背景之間的對(duì)比度永遠(yuǎn)不會(huì)很強(qiáng)，這將使外觀平滑。

以下屏幕截圖取自FlexCalendarFX（正在開發(fā)）。

現(xiàn)在，相同的UI帶有更暗的背景。 您可能一開始可能看不到它，但是這兩個(gè)屏幕截圖的綠色和藍(lán)色實(shí)際上有所不同。 這些是非常細(xì)微的差異，但是它們對(duì)您的應(yīng)用程序的總體印象有很大的差異。

在JavaFX中，您可以在CSS中定義Alpha通道值小于1的顏色以實(shí)現(xiàn)透明度：

.my-style {-fx-background-color: rgba(255, 255, 255, .7); // transparent white }

使用不透明度還具有很好的副作用，即使它們相互重疊，您仍然可以區(qū)分不同的元素。

翻譯自: https://www.javacodegeeks.com/2014/07/javafx-tip-6-use-transparent-colors.html

總結(jié)

以上是生活随笔為你收集整理的JavaFX技巧6：使用透明颜色的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。