[第三面板多久能适应第二面板]Axure9实战案例，动态面板的应用1，导航栏如何实现100%宽度

Hello！热烈欢迎走进Axure 9 两栖作战事例讲义时评。点选介绍专业课程概要>>

很开心在Axure事例讲义中，与我们一同自学高速成长，从此次专业课程已经开始，他们来自学呵呵静态液晶的应用领域。

这四节，他们具体来说来传授呵呵，顶端导航系统栏若想自适应环境询问处长度，也是同时实现100%长度。为的是节约课堂教学天数，这儿提早把导航系统栏的基本特征结构设计出了，上面已经开始传授。

导航系统栏草稿

在导航系统大背景上点选滑鼠，在插入首快捷键切换为静态液晶。

滑鼠优先选择切换为静态液晶

他们再度在导航系统大背景上点选滑鼠，这时能看见，插入工具栏上多了许多快捷键。即使这是静态液晶，他们能对它展开许多增设，这儿他们优先选择100%长度。

再度滑鼠优先选择100%长度

他们按呵呵F5（或点选发布_预览），先来预览呵呵，看看同时实现效果了没，没有变化，说明还差许多步骤。

按F5预览效果，看不出变化

（注：其实这一步已经同时实现静态液晶的100%长度了，预览时没变化，主要是即使现在的静态液晶是无色透明状态，预览时当然看不出。）

点选右侧栏样式里的填充，优先选择一种颜色，给静态液晶填充颜色。

点选右侧栏样式里的填充

优先选择一种颜色

他们双击静态液晶，进入编辑状态，然后按Delete键删除矩形，再关闭编辑状态，回到页面画布。

删除矩形

由于静态液晶里没有元件，它自动缩小成10×10的小方块了，他们修改呵呵它的尺寸，长度可任意，但高度一定是导航系统实际的大小。

静态液晶无元件时缩小成10×10了

增设高度为100，宽任意

好了，通过前面四步的增设，这下就能同时实现静态液晶100%长度了。

完成效果图

效果图在线预览：https://u.pmdaniu.com/L8A5p

为的是帮助各位同学，能快速理解和练习Axure事例，本时评每篇讲义都会提供RP格式课件下载。

课件整包链接：

https://item.taobao.com/item.htm?id=631599964711

链接长期有效。

（默林如斯原创出品，未经许可，禁止转载，侵权必究）

《Axure 9 事例讲义-基础篇》：以两栖作战事例的角度，传授Axure 9 的基础操作，帮助我们从事例中自学产品原型的结构设计思维，带你快速进入两栖作战阶段！！适合Axure入门的同学！！点选介绍专业课程概要>>

热烈欢迎关注《产品经理知识与资源》时评，这儿专注原创Axure两栖作战原型、Axure原型模板、Axure元件库、Axure图标库；2012年入行的原创实力保障！！点选前去关注>>