Xojo 语言 工具栏 Toolbar 按钮设置

Xojo^【1】 Toolbar^【2】按钮设置与主题定制^【3】

Xojo 是一种多平台编程语言，它允许开发者使用相同的代码在Windows、macOS、Linux、iOS和Web上创建应用程序。在Xojo中，工具栏^【4】（Toolbar）是一个常用的界面元素，用于提供快速访问应用程序中的常用功能。本文将围绕Xojo语言工具栏按钮的设置和主题定制展开，旨在帮助开发者创建美观且功能丰富的用户界面。

工具栏按钮是Xojo应用程序中不可或缺的部分，它们为用户提供了一种直观的方式来访问应用程序的功能。通过定制工具栏按钮的外观和功能，开发者可以提升用户体验^【5】，使应用程序更加专业和吸引人。本文将详细介绍如何在Xojo中设置工具栏按钮，并探讨如何为主题定制。

Xojo Toolbar按钮基础

在Xojo中，工具栏按钮是通过`Toolbar`控件^【6】实现的。以下是一个简单的示例，展示了如何创建一个包含两个按钮的工具栏：

```xojo
class MyToolbar
uses Toolbar, ToolbarButton<sup>【7】</sup>
ToolbarButton btn1, btn2
Toolbar toolbar

Constructor<sup>【8】</sup>: Initialize the toolbar
Sub Constructor()
toolbar = New Toolbar
toolbar.AddButton("Button 1", btn1)
toolbar.AddButton("Button 2", btn2)
toolbar.ButtonWidth<sup>【9】</sup> = 100
toolbar.ButtonHeight<sup>【10】</sup> = 50
toolbar.ButtonSpacing<sup>【11】</sup> = 10
toolbar.ButtonPadding<sup>【12】</sup> = 5
toolbar.ButtonFontName<sup>【13】</sup> = "Arial"
toolbar.ButtonFontSize<sup>【14】</sup> = 12
toolbar.ButtonFontStyle<sup>【15】</sup> = FontStyles.Bold
toolbar.ButtonFontColor<sup>【16】</sup> = &c000000
toolbar.ButtonBackgroundColor<sup>【17】</sup> = &cFFFFFF
toolbar.ButtonBorderColor<sup>【18】</sup> = &c000000
toolbar.ButtonBorderWidth<sup>【19】</sup> = 1
toolbar.ButtonCornerRadius<sup>【20】</sup> = 5
toolbar.ButtonPressedBackgroundColor<sup>【21】</sup> = &cFF0000
toolbar.ButtonPressedBorderColor<sup>【22】</sup> = &cFF0000
toolbar.ButtonPressedFontColor<sup>【23】</sup> = &cFFFFFF
toolbar.ButtonPressedFontStyle<sup>【24】</sup> = FontStyles.Bold
toolbar.ButtonPressedCornerRadius<sup>【25】</sup> = 5
toolbar.ButtonPressedPadding<sup>【26】</sup> = 5
toolbar.ButtonPressedSpacing<sup>【27】</sup> = 10
toolbar.ButtonPressedWidth<sup>【28】</sup> = 100
toolbar.ButtonPressedHeight<sup>【29】</sup> = 50
toolbar.ButtonPressedFontName = "Arial"
toolbar.ButtonPressedFontSize = 12
toolbar.ButtonPressedFontStyle = FontStyles.Bold
toolbar.ButtonPressedFontColor = &cFFFFFF
toolbar.ButtonPressedBackgroundColor = &cFF0000
toolbar.ButtonPressedBorderColor = &cFF0000
toolbar.ButtonPressedCornerRadius = 5
toolbar.ButtonPressedPadding = 5
toolbar.ButtonPressedSpacing = 10
toolbar.ButtonPressedHeight = 50
toolbar.ButtonPressedWidth = 100
toolbar.ButtonPressedFontName = "Arial"
toolbar.ButtonPressedFontSize = 12
toolbar.ButtonPressedFontStyle = FontStyles.Bold
toolbar.ButtonPressedFontColor = &cFFFFFF
toolbar.ButtonPressedBackgroundColor = &cFF0000
toolbar.ButtonPressedBorderColor = &cFF0000
toolbar.ButtonPressedCornerRadius = 5
toolbar.ButtonPressedPadding = 5
toolbar.ButtonPressedSpacing = 10
toolbar.ButtonPressedHeight = 50
toolbar.ButtonPressedWidth = 100
toolbar.ButtonPressedFontName = "Arial"
toolbar.ButtonPressedFontSize = 12
toolbar.ButtonPressedFontStyle = FontStyles.Bold
toolbar.ButtonPressedFontColor = &cFFFFFF
toolbar.ButtonPressedBackgroundColor = &cFF0000
toolbar.ButtonPressedBorderColor = &cFF0000
toolbar.ButtonPressedCornerRadius = 5
toolbar.ButtonPressedPadding = 5
toolbar.ButtonPressedSpacing = 10
toolbar.ButtonPressedHeight = 50
toolbar.ButtonPressedWidth = 100
toolbar.ButtonPressedFontName = "Arial"
toolbar.ButtonPressedFontSize = 12
toolbar.ButtonPressedFontStyle = FontStyles.Bold
toolbar.ButtonPressedFontColor = &cFFFFFF
toolbar.ButtonPressedBackgroundColor = &cFF0000
toolbar.ButtonPressedBorderColor = &cFF0000
toolbar.ButtonPressedCornerRadius = 5
toolbar.ButtonPressedPadding = 5
toolbar.ButtonPressedSpacing = 10
toolbar.ButtonPressedHeight = 50
toolbar.ButtonPressedWidth = 100
toolbar.ButtonPressedFontName = "Arial"
toolbar.ButtonPressedFontSize = 12
toolbar.ButtonPressedFontStyle = FontStyles.Bold
toolbar.ButtonPressedFontColor = &cFFFFFF
toolbar.ButtonPressedBackgroundColor = &cFF0000
toolbar.ButtonPressedBorderColor = &cFF0000
toolbar.ButtonPressedCornerRadius = 5
toolbar.ButtonPressedPadding = 5
toolbar.ButtonPressedSpacing = 10
toolbar.ButtonPressedHeight = 50
toolbar.ButtonPressedWidth = 100
toolbar.ButtonPressedFontName = "Arial"
toolbar.ButtonPressedFontSize = 12
toolbar.ButtonPressedFontStyle = FontStyles.Bold
toolbar.ButtonPressedFontColor = &cFFFFFF
toolbar.ButtonPressedBackgroundColor = &cFF0000
toolbar.ButtonPressedBorderColor = &cFF0000
toolbar.ButtonPressedCornerRadius = 5
toolbar.ButtonPressedPadding = 5
toolbar.ButtonPressedSpacing = 10
toolbar.ButtonPressedHeight = 50
toolbar.ButtonPressedWidth = 100
toolbar.ButtonPressedFontName = "Arial"
toolbar.ButtonPressedFontSize = 12
toolbar.ButtonPressedFontStyle = FontStyles.Bold
toolbar.ButtonPressedFontColor = &cFFFFFF
toolbar.ButtonPressedBackgroundColor = &cFF0000
toolbar.ButtonPressedBorderColor = &cFF0000
toolbar.ButtonPressedCornerRadius = 5
toolbar.ButtonPressedPadding = 5
toolbar.ButtonPressedSpacing = 10
toolbar.ButtonPressedHeight = 50
toolbar.ButtonPressedWidth = 100
toolbar.ButtonPressedFontName = "Arial"
toolbar.ButtonPressedFontSize = 12
toolbar.ButtonPressedFontStyle = FontStyles.Bold
toolbar.ButtonPressedFontColor = &cFFFFFF
toolbar.ButtonPressedBackgroundColor = &cFF0000
toolbar.ButtonPressedBorderColor = &cFF0000
toolbar.ButtonPressedCornerRadius = 5
toolbar.ButtonPressedPadding = 5
toolbar.ButtonPressedSpacing = 10
toolbar.ButtonPressedHeight = 50
toolbar.ButtonPressedWidth = 100
toolbar.ButtonPressedFontName = "Arial"
toolbar.ButtonPressedFontSize = 12
toolbar.ButtonPressedFontStyle = FontStyles.Bold
toolbar.ButtonPressedFontColor = &cFFFFFF
toolbar.ButtonPressedBackgroundColor = &cFF0000
toolbar.ButtonPressedBorderColor = &cFF0000
toolbar.ButtonPressedCornerRadius = 5
toolbar.ButtonPressedPadding = 5
toolbar.ButtonPressedSpacing = 10
toolbar.ButtonPressedHeight = 50
toolbar.ButtonPressedWidth = 100
toolbar.ButtonPressedFontName = "Arial"
toolbar.ButtonPressedFontSize = 12
toolbar.ButtonPressedFontStyle = FontStyles.Bold
toolbar.ButtonPressedFontColor = &cFFFFFF
toolbar.ButtonPressedBackgroundColor = &cFF0000
toolbar.ButtonPressedBorderColor = &cFF0000
toolbar.ButtonPressedCornerRadius = 5
toolbar.ButtonPressedPadding = 5
toolbar.ButtonPressedSpacing = 10
toolbar.ButtonPressedHeight = 50
toolbar.ButtonPressedWidth = 100
toolbar.ButtonPressedFontName = "Arial"
toolbar.ButtonPressedFontSize = 12
toolbar.ButtonPressedFontStyle = FontStyles.Bold
toolbar.ButtonPressedFontColor = &cFFFFFF
toolbar.ButtonPressedBackgroundColor = &cFF0000
toolbar.ButtonPressedBorderColor = &cFF0000
toolbar.ButtonPressedCornerRadius = 5
toolbar.ButtonPressedPadding = 5
toolbar.ButtonPressedSpacing = 10
toolbar.ButtonPressedHeight = 50
toolbar.ButtonPressedWidth = 100
toolbar.ButtonPressedFontName = "Arial"
toolbar.ButtonPressedFontSize = 12
toolbar.ButtonPressedFontStyle = FontStyles.Bold
toolbar.ButtonPressedFontColor = &cFFFFFF
toolbar.ButtonPressedBackgroundColor = &cFF0000
toolbar.ButtonPressedBorderColor = &cFF0000
toolbar.ButtonPressedCornerRadius = 5
toolbar.ButtonPressedPadding = 5
toolbar.ButtonPressedSpacing = 10
toolbar.ButtonPressedHeight = 50
toolbar.ButtonPressedWidth = 100
toolbar.ButtonPressedFontName = "Arial"
toolbar.ButtonPressedFontSize = 12
toolbar.ButtonPressedFontStyle = FontStyles.Bold
toolbar.ButtonPressedFontColor = &cFFFFFF
toolbar.ButtonPressedBackgroundColor = &cFF0000
toolbar.ButtonPressedBorderColor = &cFF0000
toolbar.ButtonPressedCornerRadius = 5
toolbar.ButtonPressedPadding = 5
toolbar.ButtonPressedSpacing = 10
toolbar.ButtonPressedHeight = 50
toolbar.ButtonPressedWidth = 100
toolbar.ButtonPressedFontName = "Arial"
toolbar.ButtonPressedFontSize = 12
toolbar.ButtonPressedFontStyle = FontStyles.Bold
toolbar.ButtonPressedFontColor = &cFFFFFF
toolbar.ButtonPressedBackgroundColor = &cFF0000
toolbar.ButtonPressedBorderColor = &cFF0000
toolbar.ButtonPressedCornerRadius = 5
toolbar.ButtonPressedPadding = 5
toolbar.ButtonPressedSpacing = 10
toolbar.ButtonPressedHeight = 50
toolbar.ButtonPressedWidth = 100
toolbar.ButtonPressedFontName = "Arial"
toolbar.ButtonPressedFontSize = 12
toolbar.ButtonPressedFontStyle = FontStyles.Bold
toolbar.ButtonPressedFontColor = &cFFFFFF
toolbar.ButtonPressedBackgroundColor = &cFF0000
toolbar.ButtonPressedBorderColor = &cFF0000
toolbar.ButtonPressedCornerRadius = 5
toolbar.ButtonPressedPadding = 5
toolbar.ButtonPressedSpacing = 10
toolbar.ButtonPressedHeight = 50
toolbar.ButtonPressedWidth = 100
toolbar.ButtonPressedFontName = "Arial"
toolbar.ButtonPressedFontSize = 12
toolbar.ButtonPressedFontStyle = FontStyles.Bold
toolbar.ButtonPressedFontColor = &cFFFFFF
toolbar.ButtonPressedBackgroundColor = &cFF0000
toolbar.ButtonPressedBorderColor = &cFF0000
toolbar.ButtonPressedCornerRadius = 5
toolbar.ButtonPressedPadding = 5
toolbar.ButtonPressedSpacing = 10
toolbar.ButtonPressedHeight = 50
toolbar.ButtonPressedWidth = 100
toolbar.ButtonPressedFontName = "Arial"
toolbar.ButtonPressedFontSize = 12
toolbar.ButtonPressedFontStyle = FontStyles.Bold
toolbar.ButtonPressedFontColor = &cFFFFFF
toolbar.ButtonPressedBackgroundColor = &cFF0000
toolbar.ButtonPressedBorderColor = &cFF0000
toolbar.ButtonPressedCornerRadius = 5
toolbar.ButtonPressedPadding = 5
toolbar.ButtonPressedSpacing = 10
toolbar.ButtonPressedHeight = 50
toolbar.ButtonPressedWidth = 100
toolbar.ButtonPressedFontName = "Arial"
toolbar.ButtonPressedFontSize = 12
toolbar.ButtonPressedFontStyle = FontStyles.Bold
toolbar.ButtonPressedFontColor = &cFFFFFF
toolbar.ButtonPressedBackgroundColor = &cFF0000
toolbar.ButtonPressedBorderColor = &cFF0000
toolbar.ButtonPressedCornerRadius = 5
toolbar.ButtonPressedPadding = 5
toolbar.ButtonPressedSpacing = 10
toolbar.ButtonPressedHeight = 50
toolbar.ButtonPressedWidth = 100
toolbar.ButtonPressedFontName = "Arial"
toolbar.ButtonPressedFontSize = 12
toolbar.ButtonPressedFontStyle = FontStyles.Bold
toolbar.ButtonPressedFontColor = &cFFFFFF
toolbar.ButtonPressedBackgroundColor = &cFF0000
toolbar.ButtonPressedBorderColor = &cFF0000
toolbar.ButtonPressedCornerRadius = 5
toolbar.ButtonPressedPadding = 5
toolbar.ButtonPressedSpacing = 10
toolbar.ButtonPressedHeight = 50
toolbar.ButtonPressedWidth = 100
toolbar.ButtonPressedFontName = "Arial"
toolbar.ButtonPressedFontSize = 12
toolbar.ButtonPressedFontStyle = FontStyles.Bold
toolbar.ButtonPressedFontColor = &cFFFFFF
toolbar.ButtonPressedBackgroundColor = &cFF0000
toolbar.ButtonPressedBorderColor = &cFF0000
toolbar.ButtonPressedCornerRadius = 5
toolbar.ButtonPressedPadding = 5
toolbar.ButtonPressedSpacing = 10
toolbar.ButtonPressedHeight = 50
toolbar.ButtonPressedWidth = 100
toolbar.ButtonPressedFontName = "Arial"
toolbar.ButtonPressedFontSize = 12
toolbar.ButtonPressedFontStyle = FontStyles.Bold
toolbar.ButtonPressedFontColor = &cFFFFFF
toolbar.ButtonPressedBackgroundColor = &cFF0000
toolbar.ButtonPressedBorderColor = &cFF0000
toolbar.ButtonPressedCornerRadius = 5
toolbar.ButtonPressedPadding = 5
toolbar.ButtonPressedSpacing = 10
toolbar.ButtonPressedHeight = 50
toolbar.ButtonPressedWidth = 100
toolbar.ButtonPressedFontName = "Arial"
toolbar.ButtonPressedFontSize = 12
toolbar.ButtonPressedFontStyle = FontStyles.Bold
toolbar.ButtonPressedFontColor = &cFFFFFF
toolbar.ButtonPressedBackgroundColor = &cFF0000
toolbar.ButtonPressedBorderColor = &cFF0000
toolbar.ButtonPressedCornerRadius = 5
toolbar.ButtonPressedPadding = 5
toolbar.ButtonPressedSpacing = 10
toolbar.ButtonPressedHeight = 50
toolbar.ButtonPressedWidth = 100
toolbar.ButtonPressedFontName = "Arial"
toolbar.ButtonPressedFontSize = 12
toolbar.ButtonPressedFontStyle = FontStyles.Bold
toolbar.ButtonPressedFontColor = &cFFFFFF
toolbar.ButtonPressedBackgroundColor = &cFF0000
toolbar.ButtonPressedBorderColor = &cFF0000
toolbar.ButtonPressedCornerRadius = 5
toolbar.ButtonPressedPadding = 5
toolbar.ButtonPressedSpacing = 10
toolbar.ButtonPressedHeight = 50
toolbar.ButtonPressedWidth = 100
toolbar.ButtonPressedFontName = "Arial"
toolbar.ButtonPressedFontSize = 12
toolbar.ButtonPressedFontStyle = FontStyles.Bold
toolbar.ButtonPressedFontColor = &cFFFFFF
toolbar.ButtonPressedBackgroundColor = &cFF0000
toolbar.ButtonPressedBorderColor = &cFF0000
toolbar.ButtonPressedCornerRadius = 5
toolbar.ButtonPressedPadding = 5
toolbar.ButtonPressedSpacing = 10
toolbar.ButtonPressedHeight = 50
toolbar.ButtonPressedWidth = 100
toolbar.ButtonPressedFontName = "Arial"
toolbar.ButtonPressedFontSize = 12
toolbar.ButtonPressedFontStyle = FontStyles.Bold
toolbar.ButtonPressedFontColor = &cFFFFFF
toolbar.ButtonPressedBackgroundColor = &cFF0000
toolbar.ButtonPressedBorderColor = &cFF0000
toolbar.ButtonPressedCornerRadius = 5
toolbar.ButtonPressedPadding = 5
toolbar.ButtonPressedSpacing = 10
toolbar.ButtonPressedHeight = 50
toolbar.ButtonPressedWidth = 100
toolbar.ButtonPressedFontName = "Arial"
toolbar.ButtonPressedFontSize = 12
toolbar.ButtonPressedFontStyle = FontStyles.Bold
toolbar.ButtonPressedFontColor = &cFFFFFF
toolbar.ButtonPressedBackgroundColor = &cFF0000
toolbar.ButtonPressedBorderColor = &cFF0000
toolbar.ButtonPressedCornerRadius = 5
toolbar.ButtonPressedPadding = 5
toolbar.ButtonPressedSpacing = 10
toolbar.ButtonPressedHeight = 50
toolbar.ButtonPressedWidth = 100
toolbar.ButtonPressedFontName = "Arial"
toolbar.ButtonPressedFontSize = 12
toolbar.ButtonPressedFontStyle = FontStyles.Bold
toolbar.ButtonPressedFontColor = &cFFFFFF
toolbar.ButtonPressedBackgroundColor = &cFF0000
toolbar.ButtonPressedBorderColor = &cFF0000
toolbar.ButtonPressedCornerRadius = 5
toolbar.ButtonPressedPadding = 5
toolbar.ButtonPressedSpacing = 10
toolbar.ButtonPressedHeight = 50
toolbar.ButtonPressedWidth = 100
toolbar.ButtonPressedFontName = "Arial"
toolbar.ButtonPressedFontSize = 12
toolbar.ButtonPressedFontStyle = FontStyles.Bold
toolbar.ButtonPressedFontColor = &cFFFFFF
toolbar.ButtonPressedBackgroundColor = &cFF0000
toolbar.ButtonPressedBorderColor = &cFF0000
toolbar.ButtonPressedCornerRadius = 5
toolbar.ButtonPressedPadding = 5
toolbar.ButtonPressedSpacing = 10
toolbar.ButtonPressedHeight = 50
toolbar.ButtonPressedWidth = 100
toolbar.ButtonPressedFontName = "Arial"
toolbar.ButtonPressedFontSize = 12
toolbar.ButtonPressedFontStyle = FontStyles.Bold
toolbar.ButtonPressedFontColor = &cFFFFFF
toolbar.ButtonPressedBackgroundColor = &cFF0000
toolbar.ButtonPressedBorderColor = &cFF0000
toolbar.ButtonPressedCornerRadius = 5
toolbar.ButtonPressedPadding = 5
toolbar.ButtonPressedSpacing = 10
toolbar.ButtonPressedHeight = 50
toolbar.ButtonPressedWidth = 100
toolbar.ButtonPressedFontName = "Arial"
toolbar.ButtonPressedFontSize = 12
toolbar.ButtonPressedFontStyle = FontStyles.Bold
toolbar.ButtonPressedFontColor = &cFFFFFF
toolbar.ButtonPressedBackgroundColor = &cFF0000