Axure学习日志之如何实现交互样式（如导航栏等）

打开Axure！！

准备好了是吧，直接上干货。

很多软件或者网页的导航栏都有一个特点，比如给大家看个虎扑的导航栏
首先感谢虎扑的导航栏做的如此美丽，可以供我等小鸭欣赏一下！

点击NBA ，NBA是黑色的，CBA等不选中的是白色的，而且图片背景是红色的。

好了好了，以上就是看看，这种效果，来举个简单的例子，这种效果是怎么实现的。

首先我们需要几张png图，鸭鸭喜欢在icon下载png图，完全免费而且比较优质，给大家分享一哈。
https://www.easyicon.net/
或者必应搜索ICON

好了，鸭鸭提前下好了两张png图

为什么选这两张呢，因为很多的按钮在点击后会出现类似的效果，大家脑袋里回忆一下子，打开你的聊天软件，是不是点击我的联系人之前是一个颜色，不点又是一个颜色，是不是颜色加深了？哈哈哈，所以用这个举例子吧。

其实现在才应该打开Axure，抱歉这次说早了

第一步拖入一张图片元件，选中我们第一个下载的png图

可以看到旁边的属性是这个

和图上一样是吧，没有问题
然后下拉属性列表，在交互样式中有一个选中，点击选中

选择图片，导入另一张png图

现在在选中样式中，就应用了第二章png

别忘了点确认，之后重新为图片元件加入一个鼠标点击时的用例

设置选中，确定！
调试一哈


点击图片就变成了另一个样式加载的png2。

导航栏点击改变样式同理。关键是找到些优质的png图。