axure 动态面板 自动适应浏览器宽度_动态面板之“固定到浏览器”与“自适应窗口宽度”特性解读图文教程(18)...

特性：固定到浏览器

案例：固定位置与锚点链接

特性：自适应窗口宽度

案例：底部导航横向铺满全屏

补充，点击小图，动态切换大图

一.固定到浏览器特性

1.准备材料：

(1)直接复制粘贴一篇长的图文文档到Axure界面。然后文档的每一段前面设置一个小圆形编号。取名为：one two three four five，顶部的矩形取名为：top

(2)对应一个竖立的导航数字标签，也是圆形的数字标签，12345，第六个为小飞机图标，six，设置点击回到顶部：top

2.设置交互：

(1)竖立导航数字标签1，选中，设置鼠标点击时，选择【滚动到部件】配置动作，选择：one

(2)然后，复制此交互设置，到竖立导航数字标签23456，分别修改对应的配置动作对象即可。

具体滚动到部件交互设置如下：

(3)配置好以上之后，全选竖立标签，123456，转换为动态面板，并且右键选择：【固定到浏览器】

设置，水平和垂直方向和对应的外边距，即可。

二.自适应宽度特性

1.动态面板(带背景图)，直接属性，选择：100/100宽度

2.矩形原件，转换为动态面板，然后选择，自适应宽度。则不行！【