Axure-动态面板2(多个页签、固定浏览器)

2020-04-09  本文已影响0人  晴天的歌

上次介绍了动态面板的图片轮播功能,这次根据本人实际工作中碰到应用介绍下动态面板的其他应用。如下:

1.多个页签的切换效果

2.固定内容到浏览器的特殊位置。

同样,先看下效果

好,下面就说明下怎么制作

多个页签的切换效果

1. 首先在区域内增加动态面板,双击进入,定义三个状态的为,基础资料、商品条码、操作记录。

分别双击3个状态进入之后,单独编辑每个状态的页面效果。


2. 添加每个页面的页签,用来标识当前页签的业务信息和操作交互的操作区域。

如下,新增3个按钮,并命名各自名称

3.调整好按钮的背景色和字体颜色。同时选择3个按钮,右键选择交互样式,调整选中时的填充颜色。

4. 设置动态面板初始的状态, 意思就是进入到动态肩膀之后首先展示的内容。 添加载入时事件,设置面板状态为基础资料。设置选中状态,初次进入时基础资料按钮为选中状态。 

shei

5. 设置3个按钮的单击事件,用来切换面板。添加单击事件,设置面板状态,依次设置3个按钮对应的面板。 

设置面板状态改变是事件,当面板的状态为基础资料时,设置基础按钮为选中状态,同理设置其他两个面板状态时对应的按钮选中状态。 

OK, 多个页签的功能介绍完成, 下面介绍固定浏览器的功能。

固定元素到浏览器特定位置

动态面板提供了一个功能,把元素固定到浏览器的固定位置。 多用在系统或者网页的顶部或者左侧区域。 

1. 首先设置元素为动态面板, 选中之后邮件直接转换成动态面板,


2. 然后选择动态面板设置固定到浏览器

总结:结合我的上篇文章,动态的面板的主要功能就结束了。希望可以帮助大家练习使用动态面板。


上一篇 下一篇

猜你喜欢

热点阅读