查看: 44528|回复: 19

[使用方法] 用动态面板做100%自适应宽度

[复制链接]

514

主题

6310

回帖

7万

积分

管理员

创始人

Rank: 9Rank: 9Rank: 9

积分
74234
QQ
发表于 2016-4-1 11:30:11 | 显示全部楼层 |阅读模式
尹广磊公众帐号
更新:现在Axure8可以直接在面板上右键,设置100%宽度了。
参考示例:http://www.hiaxure.com/thread-22590-1-1.html
-----------------------------------------------------------------------------------

演示地址:http://99en31.share.hiaxure.com/

2016-04-01_11-27-13.jpg


1. 用一个动态面板,进入面板状态中设置背景色。

2016-04-01_11-25-50.jpg


2. 页面加载时,动态解决面板的大小,设置面板宽等于窗口的宽度。

2016-04-01_11-25-11.jpg


3. 窗口的宽度是通过函数来设置的。

2016-04-01_11-26-19.jpg

2016-04-01_11-26-44.jpg



示例文件:

用动态面板做100%自适应宽度.rp

52.07 KB, 下载次数: 23

售价: 30 角  [记录]

0

主题

1

回帖

10

积分

会员

Rank: 5Rank: 5

积分
10
发表于 2016-5-3 10:29:20 | 显示全部楼层
ghjj

0

主题

1

回帖

10

积分

会员

Rank: 5Rank: 5

积分
10
发表于 2016-6-29 18:14:13 | 显示全部楼层
dsda

0

主题

1

回帖

10

积分

会员

Rank: 5Rank: 5

积分
10
发表于 2016-7-4 10:31:23 | 显示全部楼层
hhhh

0

主题

3

回帖

10

积分

会员

教主

Rank: 5Rank: 5

积分
10
发表于 2016-7-5 16:10:40 | 显示全部楼层
动态面板自适应,那里面的所有元件都得自适应吧

0

主题

7

回帖

13

积分

会员

Rank: 5Rank: 5

积分
13
发表于 2016-7-7 10:45:28 | 显示全部楼层
axure还是不能做到不同分辨率屏幕/不同大小窗口,自适应控件大小吧。只能一个一个地设置特定分辨率条件下的页面内容吧?

0

主题

6

回帖

121

积分

会员

Rank: 5Rank: 5

积分
121
发表于 2016-7-23 10:07:08 | 显示全部楼层
5# 1158248894

可以把里面所有的原件建立一个组,或者一个面板,在页面载入事件中触发事件。

0

主题

6

回帖

121

积分

会员

Rank: 5Rank: 5

积分
121
发表于 2016-7-23 10:08:08 | 显示全部楼层
6# 渴了不喝水


可以的

0

主题

3

回帖

10

积分

会员

Rank: 5Rank: 5

积分
10
QQ
发表于 2016-8-15 12:07:49 | 显示全部楼层
真是一个不错的实例

0

主题

3

回帖

10

积分

会员

Rank: 5Rank: 5

积分
10
QQ
发表于 2016-8-15 12:08:23 | 显示全部楼层
比较适合网页开发展示

0

主题

2

回帖

34

积分

会员

Rank: 5Rank: 5

积分
34
发表于 2016-9-8 10:14:21 | 显示全部楼层
没看懂

0

主题

2

回帖

68

积分

会员

Rank: 5Rank: 5

积分
68
发表于 2016-12-13 09:14:14 | 显示全部楼层
思路很棒,不过貌似演示地址中没适应啊

0

主题

25

回帖

89

积分

会员

Rank: 5Rank: 5

积分
89
发表于 2016-12-13 16:14:54 | 显示全部楼层
同上楼   演示地址没有适应~~
fighting

514

主题

6310

回帖

7万

积分

管理员

创始人

Rank: 9Rank: 9Rank: 9

积分
74234
QQ
 楼主| 发表于 2016-12-13 16:27:18 | 显示全部楼层
666 发表于 2016-12-13 16:14
同上楼   演示地址没有适应~~

左侧框架的部分不算。

0

主题

4

回帖

99

积分

会员

Rank: 5Rank: 5

积分
99
发表于 2017-2-17 17:06:27 | 显示全部楼层
很不错~学习一下  我也来试试~

0

主题

1

回帖

0

积分

会员

Rank: 5Rank: 5

积分
0
发表于 2017-4-10 17:53:07 | 显示全部楼层

0

主题

22

回帖

138

积分

会员

Rank: 5Rank: 5

积分
138
发表于 2017-11-6 15:07:41 | 显示全部楼层
谢谢分享

0

主题

1

回帖

109

积分

会员

Rank: 5Rank: 5

积分
109
发表于 2020-6-17 20:20:35 | 显示全部楼层
:)感谢

0

主题

2

回帖

62

积分

会员

Rank: 5Rank: 5

积分
62
发表于 2020-8-22 19:43:39 | 显示全部楼层
学习了

0

主题

11

回帖

16

积分

会员

Rank: 5Rank: 5

积分
16
发表于 2021-11-20 20:58:49 | 显示全部楼层
感谢分享,学习了~~
您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

QQ|手机版|友情链接|版权声明|关于我们|Axure中文社区 |网站地图

GMT+8, 2024-4-20 22:28

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表