Question

axure怎么添加滚动条

Answer 1

axure添加滚动条步骤如下：

1、第一步，新建一个“垂直线”，命名为“滚动条”，这里设置为“隐藏”状态；“动态面板”命名为“框架”；“动态面板”的state1内容组合下，命名为"内容"。

2、第二步，设置“滚动条”的“载入时”的交互动作：设置“滚动条”的大小。

3、第三步，设置“元件：框架”为局部变量LVAR1；设置“元件：内容”为局部变量LVAR2；所以“滚动条”的高为[[LVAR1.height*LVAR1.height/LVAR2.height]]；设置“滚动条”的宽为3。

4、第四步，设置“框架”的“滚动时”的交互动作。

5、第五步，动作1：显示“滚动条”，动画：逐渐，时间：200毫秒。

6、第六步，动作2：移动“滚动条”，到达指定位置，动画：线性，时间：200毫秒。

7、第七步，设置“元件：滚动条”为局部变量LVAR1；所以X的值为[[LVAR1.x]]；

8、第八步，设置“元件：框架”为局部变量LVAR1；设置“元件：内容”为局部变量LVAR2；所以Y的值为[[LVAR1.y+This.scrollY*LVAR1.height/LVAR2.height]]；滚动的时候，显示滚动条；页面内容滚动式，滚动条随着下移；鼠标移出后，滚动条逐渐消失。

这样就设置好了滚动条。

Answer 2

1、打开Axure8，创建6个文件如下图所示，并根据图找到内联框架元件：

2、先在表格文件内编辑一个表格，5*5，x,y均为0， 0，宽高默认，随表填写上文字：

3、完成后开始编辑“内嵌表格”文件：拖动“内联框架”到工作区，宽高默认，框架滚动条：自动显示或隐藏

4、根据图示找到：框架目标页面， 点击该链接，在弹出的窗体上找到“表格”文件名，双击：表格 文件名即可发现在 框架目标页面 后出现 表格 二字，设置完成。

Answer 3

• 打开Axure8，创建6个文件如下图所示，并根据图找到内联框架元件：

  

• 内嵌表格：

  先在表格文件内编辑一个表格，5*5，x,y均为0， 0，宽高默认，随表填写上文字：

• 完成后开始编辑“内嵌表格”文件：拖动“内联框架”到工作区，宽高默认，框架滚动条：自动显示或隐藏：

  

• 根据图示找到：框架目标页面， 点击该链接，在弹出的窗体上找到“表格”文件名，双击：表格 文件名即可发现在 框架目标页面 后出现 表格 二字，设置完成。

• F5预览，查看效果。

  

Answer 4

axure原型可以做成线框的低保真原型和呈现出图文效果的高保真原型，如果产品经理需要通过颜色对比等来展现出原型设计的效果时，就需要使用高保真的交互原型了。
同时，可以将axure的原型文件上传至蓝湖，可以实现手机上预览，也可直接在蓝湖上生成代码给工程师使用