本文详细介绍了如何使用AxureRP8设计并制作带有动态效果的UI组件，包括改变形状、设置圆角半径、转换SVG图片、调整颜色、布局组件、编辑列表选项、修改字体、设置动画效果等步骤，最终实现了一个交互式的列表框隐藏和显示的动画效果。
- 打开软件Axure RP 8。
2.拖出一个矩形，把它的形状给改变一下。
3.在红圈或黑圈把圆角半径给改了。
4.在元件库里面搜索“向上”找到我画红圈的元件。
5.然后点击“转换SVG图片为形状”
6.再把颜色改一下。
7.然后在把它的位置放好。
8.在元件库里面找到“列表框”把它给拖出来放好。
9.双击“列表框”打开“编辑列表选项”点击添加，然后把字给改了
10.然后把“列表框”的字体给改了
11.最后点击矩形，把线段颜色给改了。（这样看起来，才好看）
12.点击“列表框”在右边找到，我画红圈的地方点击它。
13.然后找到“设置文本”点击它选择“矩形”
14.这个“矩形”就是我箭头符号指向的那一个
15.再点击我画红圈的地方“FX”
16.点击“添加局部变量“
17.再选择“被选项”
18.再选择“列表框”
19.点击“插入变量或函数”再选择“局部变量”的 LVAR1 然后确定
20.找到“等待”然后把等待时间改一下（时间随便）
21.再找到“隐藏”选择列表框
22.再把动画给改一下，改为“向上滑动”
23.找到“旋转”，选择“形状”
24.这里的旋转是我画箭头符号指向的元件
25.把“旋转”改为绝对位置。
把“方向“改为逆时针。
把“动画“改为线性。
26.再把列表框给“隐藏“了
27.点击矩形，选择右边的“鼠标单击 时”
28.找到“显示”选择列表框，再把动画改为“向上滑动”
29.找到“旋转”选择形状（形状是那一个你知道的😋）。
30.再把“旋转”改为绝对位置。
把“角度”改为 180 度。
把“动画”改为线性。
31.然后就可以了，拜拜。（初来乍到，请多多指教，大神勿喷。谢谢！）
扫一扫
876
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
