web页面导航栏自适应问题

本文主要介绍了在Axure RP 9中遇到动态面板导航栏无法居中显示的问题及其解决方法。问题源于将矩形元件转化为动态面板后,预览时导航栏始终靠右。解决思路是删除转化后的矩形,手动重建动态面板,通过取消"自适应内容",设置100%宽度并调整颜色,最终实现了导航栏的自适应布局。
摘要由CSDN通过智能技术生成

web页面导航栏自适应问题

1、 问题描述

Axure RP 9 矩形元件转化为动态面板后,通过设置100%宽度(具体方法可以百度,在此不详细介绍),出来的效果如下,设置了居中,但预览一直靠右。
在这里插入图片描述

2、问题原因

分析可能是转化为动态面板后,原件本身带有的某些固有属性导致的,具体原理目前还没搞清楚,欢迎知道的朋友一起交流。

3、解决思路

既然可能是转化后的某些未知属性导致的,那么我就删除转化后的状态栏矩形,然后自己重建,完整的导航栏自适应实现步骤如下:
1、拖一个矩形元件,颜色自己挑一个便于预览识别的,然后选中元件右键》转化为动态面板;
在这里插入图片描述
2、选中矩形元件,取消样式中的“自适应内容”,选中“100%宽度”;
在这里插入图片描述

3、双击进入State1,

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值