Axure原型工具如何制作顶部抽屉通知栏效果

 时间:2024-10-13 15:20:35

1、首先创建一个空白页面,在工作区域内拖入本次需要使用的元件元素,包括矩形、动态面板等,如下图所示。

Axure原型工具如何制作顶部抽屉通知栏效果

3、然后对各个元件的名称进行命名,这里主要对动态面板的名称进行命名即可,后面再做交互事件的时候会使用到,名称随便定义,如下图所示。

Axure原型工具如何制作顶部抽屉通知栏效果

5、下一步需要对动态面板的显示位置进行设置,也就是固定到浏览器的效果,如下图所示。

Axure原型工具如何制作顶部抽屉通知栏效果

7、然后对下拉图标动态面板的单击事件进行设置,需要加判断条件,如下图所示进行设置即可。

Axure原型工具如何制作顶部抽屉通知栏效果

8、同样的方式,做第二个条件的交互事件,如下图所示。

Axure原型工具如何制作顶部抽屉通知栏效果

10、点击下拉按钮的时候,上面的导航信息栏会显示出来,再点击就会隐藏。

Axure原型工具如何制作顶部抽屉通知栏效果
  • 核桃食用药用功效
  • 注射瑞蓝(Restylane)注意事项
  • 纳木错旅游攻略
  • 巧克力水果蛋糕
  • 热门搜索
    上海金山旅游 到黄山旅游 酷驴旅游网 红河旅游景点大全 旅游政策法规 南非旅游景点 北京房山旅游 中原旅游 岛多多海岛旅游论坛 广州到三亚旅游团