天天看點

使用RAD Studio 10 Seattle建立自定義按鈕樣式

在RAD Studio 10 Seattle中,我們對IDE中的內建樣式設計器進行了許多增強。在今天的文章中,我想我将介紹使用RAD Studio 10 Seattle建立自己的自定義按鈕樣式的步驟。按照以下步驟為Windows建立自己的自定義按鈕樣式。同樣的步驟也适用于為其他平台定制UI控件。

1.轉到檔案>建立>多裝置應用程式以建立新的多裝置應用程式

2.将TButton放在您的表格上

3.右鍵單擊控件,然後選擇“編輯自定義樣式...”

使用RAD Studio 10 Seattle建立自定義按鈕樣式

4. 在新的自定義樣式中選擇所選平台的“背景”對象, 然後輕按兩下對象檢查器中的“NormalLink”屬性。 

使用RAD Studio 10 Seattle建立自定義按鈕樣式

5.在“BitmapLinks編輯器”中,單擊加号圖示,為TButton添加包含自定義圖形的新圖像。

使用RAD Studio 10 Seattle建立自定義按鈕樣式

6.為要支援的每個分辨率添加新的自定義按鈕圖形。例如,如果要建構自定義Android樣式,則應為“比例因子”1.0,1.5,2.0和3.0加載自定義按鈕圖形。您可以通過單擊“編輯TImageMultiResBitmap”對話框中的“添加新項”按鈕來添加新分辨率。

使用RAD Studio 10 Seattle建立自定義按鈕樣式

7.在BitmapLinks編輯器中,為每個分辨率設定“NormalLink”,“HotLink”,“PressedLink”和“FocusedLink”屬性。使用外部選擇點在新圖形中定義按鈕狀态區域。使用内部選擇點(用藍色方塊标記)來定義位圖邊距。對四個“連結”中的每一個重複這些步驟,然後關閉“BitmapLinks編輯器”對話框。

使用RAD Studio 10 Seattle建立自定義按鈕樣式

8.在“結構”窗格中選擇“文本”對象。導航到Object Inspector并為“NormalColor”,“HotColor”,“PressedColor”和“FocusedColor”定義文本顔色。這允許您設定與新按鈕圖形一起使用的字型顔色。

使用RAD Studio 10 Seattle建立自定義按鈕樣式

9.要為其他平台添加自定義樣式,請單擊+按鈕,然後選擇要自定義的平台樣式。重複本文中概述的步驟以更新圖形元素。完成後,單擊“應用并關閉”以應用樣式更改并關閉對話框。

如果您希望稍後為其他平台自定義樣式,請使用“編輯自定義樣式...”再次打開樣式設計器,然後重複本文中概述的步驟。

10.在窗體上,確定已将StyleBook屬性設定為StyleBook1。如果是這種情況,您現在應該在設計時看到應用于按鈕的樣式。點選運作以部署應用程式并檢視按鈕樣式。

使用RAD Studio 10 Seattle建立自定義按鈕樣式

引用自https://community.idera.com/developer-tools/b/blog/posts/creating-a-custom-button-style-with-rad-studio-10-seattle

繼續閱讀