dsmary 发表于 2014-7-31 16:09:24

axure7实现导航栏的自动延伸100%自适应宽度

1、将底图做成一个动态面板，选择属性中的选项 100%宽度
2、将title做成另外一个动态面板。
   页面载入和窗口大小改变时都动态获取x坐标。

这样无论分辨率多大。title都能居中显示。背景的颜色图片也能够自动填慢整个宽度。



演示地址：http://48qs1j.share.hiaxure.com/

尹广磊 发表于 2014-7-31 18:58:13

很不错的思路。
另一个制作方法。
http://www.hiaxure.com/thread-11659-1-1.html

陈宇V 发表于 2014-7-31 21:41:13

下载下来试试看看

askaqing 发表于 2014-8-24 20:49:55

作者这里面还是用了障眼法，其导航栏图片设置了一个很大的宽度（1500PX），浏览器宽度变化时，其实只是右侧逐步遮挡了这个导航栏图片。

我将自己改良后的原型上传，运用了【尹广磊】老师曾经提示到的一个axure 7的动态面板可以设置背景重复功能，实现了真正的无限宽度导航栏。

knightfay 发表于 2014-9-24 14:06:01

4# askaqing


感谢分享，学习中。

张旭峰 发表于 2014-10-8 16:43:56

中间的字不用那么麻烦，直接用“固定到浏览器”就能实现相同效果了

hehebaiy 发表于 2014-10-10 18:23:52

赞一个！

垄沟里的草 发表于 2014-11-3 16:58:38

4# askaqing

谢谢分享 学习了~

sarahshao2010 发表于 2015-2-12 16:25:38

感谢分享

harderwu 发表于 2015-3-27 00:12:21

学习了

难得一见211 发表于 2015-4-2 10:39:36

赞！！！！

zkm2yy 发表于 2015-4-11 22:41:31

刚学习这个工具，很强大

coolryu 发表于 2015-4-14 17:34:48

多交流交流

李俊静 发表于 2015-6-9 10:46:45

谢谢，学习了

xcnbnb 发表于 2015-7-31 09:50:33

一年后的今天正好搜索到这篇帖子，也是缘分，学些学些~

liukangab 发表于 2015-10-30 14:34:43

不错，下载了，很具有参考意义

odpmaster 发表于 2015-11-11 13:29:56

4# askaqing


如果选择整体居中的话，
这个文字会偏左180像素，
我是新手，不知道在设计站点的时候是不是一般不使用“整体居中”

广予 发表于 2015-11-29 13:36:41

4# askaqing


请问[]这里面的LVAR1是指title这个动态面板吗？还是要到哪里设置的呀？刚刚接触Axure，求指导:'(

4159717 发表于 2016-6-18 10:43:49

:victory:
页: [1]
查看完整版本: axure7实现导航栏的自动延伸100%自适应宽度