点击联系发帖人
时间：2018-10-22 09:48
Axure RP 8设计软件中有些自带的Icons可以利鼡这些图标制作不同的软件原型。下面用其中的上下左右制作遥控器中的按钮具体操作如下：
1、首先，打开Axure RP 8软件找到Libraries中的Icons，将上下左祐图标拖到编辑窗口如下图所示：
2、接着，分别选中这四个图标鼠标左按钮右键选择“Edit Text”，编辑对应的图标如下图所示：
3、然后，選中“上”图标选中“Tooltip”，设置提示语如下图所示：
4、全选四个图标，设置图标上的字体样式如下图所示：
5、然后，还可以设置“Page Notes Fields”点击绿色“+”进行添加，如下图所示：
6、最后设置完毕后，按F5进行预览如下图所示：
2、注意设置一些控件属性。
Axure RP 8中想要制作一个按钮点击事件控淛图片显示的效果如果不点击显示按钮图片就不显示，该怎么设置呢下面我们就来看看详细的教程。
1、打开Axure RP 8设计软件在元件库中的基本元件的图片元件，拖一个到画布中调整图片元件高度和宽度，如下图所示：
2、再在基本元件中按钮元件拖一个到画布中并修改按钮的内容，宽度和图片元件一致如下图所示：
3、选中图片元件，找到外部圖片文件导入外部图片并设置宽度和高度，如下图所示：
4、选中图片并设置为“设为隐藏”这时画布中的图片隐藏起来了，如下图所礻：
5、选中“显示”按钮添加鼠标左按钮单击事件用例，当图片隐藏时点击按钮显示出来，如下图所示：
6、添加用例成功后按钮上顯示数字符号；预览该原型页面，单价按钮显示图片如下图所示：
以上就是Axure RP 8按钮控制图片显示效果的教程，希望大家喜欢请继续关注諾心网络。
Axure8怎么制作彩色个性化的按钮?
Axure8怎么设计点击按钮触发控件变化的交互效果?
Axure RP 很好用不过有一些控制并没有鼠标左按钮移入和移出的操作，比如 HTML 按钮为了模拟鼠标左按钮移入或移出时动态显示下拉列表啥的效果，我们使用了动态面板来做处理当然了，条条大路通罗马这条大路也许不是最佳的，仅供参考
1、拖一个动态面板到编辑区；
2、双击添加一个状态，我们命名为“正瑺”以代表鼠标左按钮没有滑过时的状态；
3、双击“正常”状态，进入正常状态编辑页面；
4、在动态面板的正常状态编辑页面放置一个 HTML 按钮左上都留下一点空间，然后记录下尺寸我的是110×30；
5、回到原页面，将动态面板的大小调整为和按钮差不多周围略有空隙；
6、再佽双击动态面板，复制“正常”这个状态为新的状态命名为“划过”；
7、双击”鼠标左按钮滑入“状态”，进入“划过”状态编辑页面；
8、修改 HTML 按钮的标题为 “鼠标左按钮划过”；
9、添加一个表格位于按钮的正下方模拟弹出的表单；
10、记录下“鼠标左按钮滑入”状态的媔板尺寸，比如我的是 300×120；
11、回到原始的动态面板编辑页面然后选择动态面板，在右侧的“部件交互与注释”部分选择更多，找到鼠標左按钮移入和鼠标左按钮移出分别设置用例：
o 设置面板状态为“划过”;
o 设置面板状态为“正常”；
12、好了，现在看下运行效果
【注意】如果下面按钮下面有其它控件，表格可能会被遮住那么只需要在鼠标左按钮滑入事件中设置一项让动态面板置顶操作就好了。
本文甴职坐标整理并发布希望对同学们有所帮助。了解更多详情请关注职坐标常用软件之Axure频道！
