按钮
功能概述
当您需要通过点击按钮来触发某种行为，如跳转、切换页面、切换选项卡、显示或隐藏其他组件时，就可以使用按钮组件。
在推出按钮组件之前，用户如果要创建一个可以执行命令的按钮，通常需要拖拽一个图片组件并为其绑定一个命令。如果需要文字描述，还要增加一个富文本组件，添加文字说明。两个组件堆叠会导致操作困难，仪表板也会变得比较“笨重”。
而现在有了按钮组件完全可以简化这个过程，下面是使用按钮组件实现的页面导航器、切换选项卡以及按钮跳转的效果。
页面导航器：点击按钮切换整个页面。
选项卡内切换：点击按钮可在选项卡内进行切换，仪表板页面不变。
跳转按钮：点击按钮可进行跳转动作。
接下来，介绍各种方案的实现方法，并提供了资源包供您下载后导入系统进行参考。
页面导航示例
前提条件：仪表板内已经创建好多个页面。示例中我们创建了3个页面。
1. 打开组件列表，选择按钮组件并拖拽至编辑区，作为页面导航的第一个菜单。
2. 调整外观。
由于这是第1页的第一个菜单，所以点击它也不需要进行任何切换动作。这里仅需设置外观使其默认显示为选中状态即可。
具体为设置显示文本。
添加背景图片，将填充颜色设置为透明。这里背景图片使用选中时的图片。
边框设置为0。
设置悬浮样式。
效果如下图。
3. 添加第二个菜单并调整外观。设置显示文本、边框宽度为0、设置悬浮样式。并添加一个非选中时的背景图片。效果如下。
与第一个菜单的最大区别是要为第二个菜单添加切换页面的命令。选中组件，将鼠标左键选项设置为命令，然后添加命令。
命令内容为切换页面到第2页，完成后点击确定。
4. 添加第三个菜单。可以直接将第二个菜单复制-粘贴，然后修改显示文本和切换的页面即可。
至此第一页的导航菜单就完成了，接下来依照相同的思路在其他页面创建导航。
为了打造无痕切换的效果，建议直接将做好的导航（按住CTRL键可多选组件）复制-粘贴到其他页面，然后修改调整。
比如，将第一页导航复制-粘贴到第二页，然后进行修改，主要修改点如下：
为第一个菜单添加命令，内容为切换到第1页；将背景图片更换为非选中图片。
将第二个菜单的背景图片更换为选中图片，营造选中效果。
三个页面的导航器全都做好后，预览查看效果即可呈现文初的效果。
资源下载
下载资源包，然后将其导入系统，可以看到具体的设计细节，方便您参考学习。
切换选项卡示例
切换选项卡的制作过程与切换页面类似，核心是通过为按钮添加命令实现切换行为。
示例中，我们在选项卡中添加了三个页签，每个页签放了一个组件。
下面介绍切换按钮的具体制作过程。
1. 首先添加按钮组件。
2. 设置数据交互属性。将鼠标左键选项设置为命令，并添加命令使其切换选项卡1.
修改显示文本，设置分组名称，开启点击选中。
分组名称：设置组名称，一组中一次只能选择一个按钮。我们将多个按钮设置成相同的组名称，即可实现单选效果。
此时按钮已经具备切换到选项卡1的功能了，只是外观不太理想。
3. 接下来继续设置外观相关属性。
组件样式中的边框宽度设置为0。
设置悬浮样式。
设置选中时的背景图片，并将填充颜色透明度设置为0。
在外观样式中设置背景图片，并将填充颜色透明度设置为0。
此时，第一个切换按钮就制作完成了，预览仪表板时也可以实现切换至选项卡1的效果。
4. 接着，制作后续的切换按钮。将第一个切换按钮复制-粘贴，并修改显示文本和切换目标即可。
至此就完成了选项卡切换按钮的制作。
5. 后续可以将选项卡的页签隐藏，使用效果更佳。
预览仪表板即显示文初的示例效果。
资源下载
下载资源包，然后将其导入系统，可以看到具体的设计细节，方便您参考学习。
按钮效果示例
还可以为按钮组件添加跳转，并适当调整外观形成按钮效果。
主要操作步骤如下：
添加按钮组件，为其添加跳转项目。
示例中以外部链接为例。
修改按钮上显示的文本。
在组件样式中添加图片，调整图片大小、与文本的间距和布局方式、边框等。本示例中我们添加了一个图片，将布局方式改为了纵向布局，边框宽度设为0。
继续在外观样式中将填充颜色的透明度设置为0。
此时按钮即可呈现如下效果。
后续继续调整按钮的悬浮样式和选中样式即可完成一个按钮制作。此时设置悬浮和选中样式时可使用图片属性，来变换按钮不同状态的图标。
当添加的按钮较多时，可以借助设计器的功能辅助我们进行对齐，平均分布或同大小等。
资源下载
下载资源包，然后将其导入系统，可以看到具体的设计细节，方便您参考学习。