Axure RP9制作响应式导航栏

最新推荐文章于 2024-06-27 10:47:47 发布

m0_65421975

最新推荐文章于 2024-06-27 10:47:47 发布

阅读量2.3k

点赞数

文章标签： axure

本文链接：https://blog.csdn.net/m0_65421975/article/details/123479566

版权

本文介绍了如何使用Axure RP9制作响应式导航栏，包括设置动态面板、添加视图、调整矩形布局和设置交互响应窗口尺寸变化，以实现不同屏幕宽度下导航栏的适配效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.元件库拖动一个动态面板，W为1000，H为60，100%宽度，然后双击打开，在动态面板里在添加两个动态面板，分别命名为left、right，位置是靠左靠右，left W为500，H为44，right W为270，H为44,并固定在浏览器的右侧，设置100的距离。

2.点击Left面板，添加一个占位符，三个矩形框，right动态面板中添加三个矩形框。

3.添加视图，命名为920，W为1000，设置在当前920的视图下，取消勾选影响所有视图，在920视图下，点击进入动态面板，将right动态面板复制一份，命名为right2，然后放到right相同的位置，左侧概要将right删除（不要选择将所有视图中删除，可以先暂时剪切掉），然后设置right2动态面板，将固定到浏览器位置边距改为0，确定。