Axure RP 案例 - 左侧菜单栏导航

Posted 2021-09-09 vbirdbest

案例完美效果

一：导航栏容器

1. 页面样式设置

页面尺寸和页面布局都会对元件的位置有影响：

1. 页面尺寸：Web；
2. 页面排列：左侧对齐。

2. 导航栏容器

1. 拖一个动态面板，命名“左侧菜单栏动态面板”，动态面板只有一个State1，X:0，Y:70，W:210，H:600，填充颜色R: 48 G: 66 B: 86；
2. 选中“左侧菜单栏动态面板”，交互，载入时，调整位置(x, y)和尺寸(210, [[Window.height - 70]])。
   

3. 预览

预览时让左侧菜单栏导航位于最左侧，自动调整高度到浏览器的底部。