Axure RP9制作响应式导航栏

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

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,确定。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值