使用小组件 > 2D > 按钮
  
按钮
这个小组件有什么功能？
“按钮”小组件可提示用户在运行时点击某个按钮会发生什么操作。
何时会用到这个小组件？
“按钮”小组件允许体验用户在整个体验中进行交互和导航。使用“按钮”小组件可以清楚地告诉用户点击该按钮后会发生什么操作。您可以使用 CSS 或软件附带的主题来设置按钮的样式。有关主题的更多信息，请参阅主题
这个小组件中是否有专用的属性、服务、事件或操作？
此小组件没有任何具有唯一性的属性、服务或事件。
若要查看小组件常用的属性、服务和事件的列表，请参阅小组件的通用属性、服务和事件。
小组件的显示效果
以下是小组件的显示效果示例！
使用时的必要步骤
显示效果
1. 将“按钮”小组件拖放到工作区。
2. 在“文本”字段中输入按钮名称。例如，Play。
3. 将按钮的“单击”事件绑定到另一个小组件，然后选择要创建的绑定类型。例如，如果您将“单击”事件与某个模型绑定，并选择“选择绑定目标”窗口中“全部播放”，当在体验中单击按钮时，将播放与该模型关联的序列中的所有步骤。
* 
对于此示例，我们使用预装主题 button-balanced 使按钮变为绿色。
使用 CSS 设置小组件样式
您可以使用 CSS 设置小组件样式！下面是您可以创建和应用的 CSS 类的示例：
* 
请注意，最好为您的类指定唯一名称，以避免与其他类或预装属性发生冲突。
CSS 示例
显示效果
.ptc-button {
border-width: 1px;
border-style: outset;
border-color: rgb(46, 50, 49);
border-radius: 25px;
background: rgb(47, 48, 53);
font-size: 16px;
font-family: Century Gothic;
color: white;
}
有关实现 CSS 类的详细信息，请参阅应用程序样式。