天天看点

使用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

继续阅读