撰写通过将矩形元件和Axure RP图标元件库中的图标元件进行组合，来创建一个自定义按钮，使用组合的鼠标单击时事件来给按钮添加交互。
STEP 0：下载练习文件
如果你还没有练习文件，请下载Axure Training.rp并在Axure RP中打开它，该文件包含了Axure培训网站上每个教程的对应页面。我们建议你始终使用我们准备好的文件来学完教程，但是如果你无法保证，那也没有关系，我们也会告诉你在不使用Axure Training.rp文件的情况下，如何创建新文件来完成教程。
STEP 1：应用自定义样式
在练习文件中打开“自定义图标按钮”页面，在画布中有一个“提交”矩形元件和一个来自Axure RP图标元件库中的“信封”图标元件。
练习文件中已经有了一些自定义元件样式，所以现在我们将它们应用到元件上。
选中画布中的“提交”矩形元件，然后点击检视器面板中的“样式”选项卡，请注意矩形当前应用的样式，也就是显示在“元件样式”下拉列表上的“Box1”。
注意：你也可以在样式工具栏最左侧看到这个下拉列表。
点击“Box1”右侧的箭头图标来打开下拉列表，选择“Custom Button”来将该样式应用到这个矩形元件上。
然后选择“信封”图标元件，并且将“Custom Button Icon”样式应用到它上面。
STEP 2：组合元件
选中画布上的两个元件，然后点击主工具栏中的“组合”以将他们组合在一起（另外也可以使用快捷[CTRL]/[CMD]+[G]），将组合命名“自定义图标按钮”。
STEP 3：添加交互
将这两个元件组合在一起，就可以使它们像一个元件一样进行交互。当在你的原型中使用一个自定义图标元件，并且将所有的鼠标单击时用例添加到组合的“鼠标单击时”事件下，这样在Web浏览器中，无论点击矩形还是图标都可以触发这些动作。
如果你在组合中的元件上设置了鼠标交互样式，你可以在光标与组合的任意部分产生交互时触发它们。要实现这一工功能，选中组合后，在检视器面板中的属性选项卡下，勾选“允许触发鼠标交互”。
