撰写使用鼠标悬停、鼠标按下、选中和禁用交互样式来创建交互式按钮，然后添加交互来将按钮设置为“选中”和“禁用”样式。
STEP0：下载练习文件
如果你还没有练习文件，请下载Axure Training.rp并在Axure RP中打开它，该文件包含了Axure培训网站上每个教程的对应页面。我们建议你始终使用我们准备好的文件来学完教程，但是如果你无法保证，那也没有关系，我们也会告诉你在不使用Axure Training.rp文件的情况下，如何创建新文件来完成教程。
STEP1：添加交互样式
首先在按钮上配置交互样式。
前两种交互样式，“鼠标悬停”和“鼠标按下”，不需要创建交互就可以自动生效。当一个元件设置了“鼠标悬停”的交互样式，并且鼠标移动到元件上时，元件就会变成所设置的样式，“鼠标按下”的样式，将会在鼠标按钮被点击并且光标在元件上时暂时显示。接下来的两种样式，“选择”和“禁用”，需要你创建一个交互，以便可以触发它们。
打开Axure Training.rp文件，然后在画布中打开“交互式按钮”页面进行编辑，该页面包含了一个带有绿色填充色的按钮。
点击按钮选中它，然后在检视窗口顶部的“矩形名称”区域给这个元件设置名称“交互式按钮”。
在“属性”页签的“交互样式”标题下，点击“鼠标悬停”打开交互样式设置窗口中的“鼠标悬停”页签。
点击“填充颜色”复选框将其选中，在此对话框中选中的任何样式属性，都将覆盖元件的默认样式。
打开颜色选择器并设置颜色值为“05AE03”，这是一种充满活力的绿色。
请注意，在“鼠标悬停”页签打开的情况下，元件将显示“鼠标悬停”的样式。
切换到“交互样式设置”对话框的“鼠标按下”页签，设置鼠标按下的填充颜色值为“52CDE6”，一种亮蓝色；然后再切换到“选中”页签，设置填充颜色值为“B822C5”，一种艳紫色；最后切换到“禁用”页签，设置填充颜色值为“DDDDDD”，一种亮灰色。
点击“确定”按钮关闭“交互样式设置”对话框。
STEP2：预览
点击主工具栏中的“预览”按钮，在浏览器中预览页面，时不时地在浏览器中预览你设计的图稿，保证它的样式符合你的逾期，这绝对是个好主意。
在浏览器中，将鼠标悬停在按钮上来查看“鼠标悬停”的样式，然后点击按钮并按住鼠标来查看“鼠标按下”的样式。
STEP3：设置选中
“选中”样式只能动态应用，当一个交互行为使用“设置选中”动作把元件设为“选中”状态，“选中”样式才会生效。同理，“禁用”样式也是在使用“禁用”动作的交互行为将元件设为“禁用”状态时生效。
在“属性”页签顶部，双击“鼠标单击时”打开用例编辑器，来创建一个新的鼠标单击时交互用例。
在左边“动作”栏中，点击“设置选中”来选择这个动作。
在右边“配置动作”栏中，找到“交互式按钮”然后单击复选框将其选中，或者你也可以选择“当前元件”选项，因为我们正在构建的交互形式是元件对其自身的操作。
在这一栏的底部，你可以看到“设置选中状态为”的字样以及两个下拉列表，第一下拉列表设置为“值”，第二个下拉列表设置为“true”，我们保留这两个下拉列表的设置即可。
点击“确认”按钮关闭对话框。
STEP4：预览
点击“预览”按钮在浏览器中查看这个交互。
在浏览器中，点击这个按钮的过程中，你首先会看到“鼠标悬停”样式，然后“鼠标按下”的样式一闪即过，最后看到的是按钮的“选中”样式。
STEP5：设置禁用
现在我们稍微修改一下这个交互，点击按钮的时候不是选中它，而是禁用它。
我们刚才已经创建了一个名为“Case1”的“鼠标单击时”用例，在“属性”页签下，双击“Case1”的标签打开它进行编辑。
在中间“组织动作”栏中，单击“设置选中”动作，然后按下[DEL]键，将这个动作从当前用例中删除。
在左边“动作”栏中，选择“启用/禁用”动作。
在右边“配置动作”栏中，点击“交互式按钮”或者“当前元件”的复选框。
你会在当前栏的底部看到两个单选按钮：“启用”和“禁用”，选择“禁用”。
点击“确认”按钮关闭对话框。
STEP6：预览
预览页面。
点击按钮禁用它，你就会看到这个按钮“禁用”状态的样式。
