javafx按鈕設計風格

你好，我們又見面了！

這個周末，在業余時間，我繼續從事JMetro的工作。 最終結果是新的Button和ToggleButton深色和淺色樣式。 這些新樣式包括按下按鈕時的新動畫。 可以通過CSS打開和關閉。

最后，我快速調整了工具提示樣式。

這會將JMetro版本號提高到4.4。

JMetro版本4.4

有時，我對在JavaFX中工作僅幾個小時所能取得的成就印象深刻。 我嘗試盡可能誠實，并確保自從開始工作以來就一直有偏見。 由于JavaFX仍為beta（在版本1之前）。 如果它是自己的腳本語言（ JavaFX script ）。 您必須反復嘗試才能與Java語言（？！）交互。 它使NPE靜音（？！？!！）。

令人印象深刻的是，過去幾周每個周末只有幾個小時的空閑時間，我幾乎完成了JMetro的這一新迭代。 其中包括幾乎對所有JavaFX控件進行重新樣式設置（新的動畫，新的顏色，新的整體樣式）。 包括JavaFX框架中不存在的一些。 而且所有這兩次，因為JMetro包括明暗版本。 更不用說設計（代碼/ API設計以及視覺設計和UX），測試和調整，直到我認為這已經足夠好為止。 就個人而言，到目前為止，我所花費的時間給我留下了深刻的印象。

我不嘗試出售任何特定技術。 因為就像我以前聽過Kirill Grouchnikov（現在在Google工作）一樣，前軟件工程師在Swing上寫了博客：“客戶不在乎這項技術”。 客戶不在乎所使用的技術。 客戶關心產品是否運作良好。

我不介意使用其他技術。 實際上，在最近的幾年中，我一直在使用javascript，html等進行Web開發。我總是嘗試選擇最適合工作的工具，除了激情之外（當然，使用工具包的經驗也很重要）。

在這個博客中，我盡量保持誠實和公正。 不試圖通過任何特定技術向讀者出售產品。 目前，我不隸屬于Oracle或任何其他出售JavaFX產品或JavaFX咨詢公司的公司。 除了我已經使用了很長時間之外，我沒有對JavaFX進行任何投資。 通常，我首先將自己描述為JavaFX顧問和自由職業者，只是因為那是我最有經驗的經驗。 可能還有其他技術可以像JavaFX一樣高效（顯然，我并不十分了解它們）。 不過，我認為僅花費幾個小時就可以實現令人印象深刻的目標。

Button和ToggleButton新樣式

單擊時，只用了幾個小時就用一個新動畫完全重新實現了按鈕樣式。 還有一個新CSS屬性可以打開/關閉該動畫。

首先是按鈕的舊的明暗風格：

按鈕– JMetro OLD燈光主題

按鈕-JMetro OLD深色主題

您在上方看到的“默認”代表按鈕的樣式，將其設置為默認樣式。 查看API規范以獲取更多信息。

新樣式如下所示：

按鈕– JMetro NEW輕主題

按鈕– JMetro全新深色主題

按下，懸停等的顏色以及相應的效果已更改。 還添加了一個新的動畫，該動畫在單擊“按鈕”時發生。 當按下按鈕時，按鈕會收縮，然后逐漸恢復到正常大小。 您可以使用-shrink-animate-on-press CSS屬性打開或關閉此動畫。 默認情況下，它在JMetro樣式表中設置為on：

.button, .toggle-button { -shrink-animate- on -shrink-animate- -press: true ; }

切換按鈕樣式高度基于按鈕。 這是舊樣式：

切換按鈕– JMetro OLD燈光主題

切換按鈕– JMetro OLD深色主題

現在，新的“切換按鈕”樣式如下所示：

切換按鈕– JMetro NEW輕主題

切換按鈕– JMetro全新深色主題

工具提示新樣式

JMetro版本4.4的最后一個新增功能是工具提示的新樣式。 這是對舊樣式的快速調整。 淺色和深色版本看起來都一樣：

工具提示– JMetro OLD主題

工具提示– JMetro新主題

略微調整顏色，使字體變大。

結論

在這篇博客文章中，我對JavaFX的生產率表示了自己的看法。 尤其是在幾周前才開始的新JMetro迭代的情況下。

然后，我提到了JMetro 4.4版本中的新增功能。 這包括新的Button和ToggleButton深色和淺色樣式，并添加了CSS可樣式化的動畫。 以及新調整的工具提示樣式。

接下來是我要更新的內容：

• 文字欄位樣式；
• 密碼字段樣式；
• 進度欄樣式；
• 繼續進行工作，以使開發人員將來可以輕松調整JMetro顏色；
• 大概在版本5左右的某個地方，我將致力于通過Maven Central提供JMetro。 該項目有一些特殊性并沒有使它變得那么容易。

JMetro的文檔位于JavaFX主題JMetro頁面上 。 尚未更新，已添加了最新版本。

和往常一樣，在Twitter上關注我。

翻譯自: https://www.javacodegeeks.com/2018/08/fluent-design-style-toggle-button.html

javafx按鈕設計風格

總結

以上是生活随笔為你收集整理的javafx按钮设计风格_Java，JavaFX的流畅设计风格按钮，切换按钮和工具提示的全部內容，希望文章能夠幫你解決所遇到的問題。

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