幾周前，由于Hendrik Ebbers的出色文章 ，我決定花一些時間觀看有關JavaFX的JavaOne討論。 我不得不說我已經學到了很多東西，只是看這些視頻（即使我還沒有完成）！

Gerrit的“使用力，路克”或使用JavaFX功能的技巧和竅門的演講使我將我的（基本）墨跡和設計技能與JavaFX知識聯系起來。 我決定花點時間嘗試創建一個完整的自定義JavaFX控件，如Gerrit在其使用inkscape和CSS的演講中所述。 我認為這將是學習CSS的好方法！

這是我將嘗試在JavaFX中重現的真實對象。 這是Nest創建的恒溫器。

因此，正如Gerrit所述，我首先制作了一個Inkscape原型，以了解圖像的構建方式。 首先將圖像導入到inkscape中，然后從圖像的外部開始并轉到中心詳細信息。 我使用了很多對象對齊和分布，以及帶有顏色選擇器的重復對象（Ctrl + d）和漸變。 在下一張圖像上，您可以看到我執行的步驟以及所構建的最終圖像。

即使我沒有完成某些效果，最終結果也與原始結果很接近。 例如，我對非對稱的外部圓漸變遇到了一些麻煩。 所以我決定得到更亮的部分并使它對稱！ 這是我的inkscape版本（左）和原始版本（右）的完整比較：

我不得不說，通過在Inscakep中獲取真實圖像并使用顏色選擇工具選擇顏色來使用漸變，確實是一種簡單而強大的再現燈光效果的方法。 再次感謝Gerrit的這次真正有益的演講。

下一步是大部分使用CSS在JavaFX中導入全局形狀，如Talk所示。

• 對于那些對自定義控件感興趣的人，請真正單擊此處 。

更新1：我重新設計了我的inkscape版本，因為關于光效果有些不對勁，并且我發現，我的外圓漸變與光方向不對齊，與之正交！ 這是新的屏幕截圖！

更新2：對于那些愿意看一下inkscape文件的人， 這里就是 ！

參考： JavaFX自定義控件–我們JCG合作伙伴 Laurent Nicolas的Nest Thermostat第1部分 ，位于LoNee先生的博客上。

翻譯自: https://www.javacodegeeks.com/2014/01/javafx-custom-control-nest-thermostat-part-1.html

總結

以上是生活随笔為你收集整理的JavaFX自定义控件– Nest Thermostat第1部分的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。