教大家使用Axure制作开启关闭按钮效果

 时间:2024-10-12 03:26:42

1、打开Axure,新建一个空白页面,首先将需要的元件拖入到正文中,如下图所示。

教大家使用Axure制作开启关闭按钮效果

2、然后通过对元件的大小和样式进行调整后,形成如下图所示的样子,先做一个开启按钮的样式,如下图所示。

教大家使用Axure制作开启关闭按钮效果

3、同样的方式,我们在制作一个关闭的按钮样式,如下图所示。

教大家使用Axure制作开启关闭按钮效果

4、制作完成后,将两个按钮分别放到动态面板中的不同状态下,如下图所示。

教大家使用Axure制作开启关闭按钮效果

5、下面开始给动态面板做交互事件,如下图所示。

教大家使用Axure制作开启关闭按钮效果

6、交互事件完成后,F5预览看一下效果,如下图所示。

教大家使用Axure制作开启关闭按钮效果教大家使用Axure制作开启关闭按钮效果
  • jquery如何让滚动条默认在最底部?
  • ps在哪里解除图层链接技巧
  • 使用Dreamweaver创建新的页面
  • bootstrap栅格布局宽度解析
  • 如何使用python语言中的pyecharts模块创建饼图
  • 热门搜索
    微信红包提醒怎么设置 网上怎么预约挂号 快手怎么开直播 钢筋符号怎么打 ps怎么放大图片 紧箍咒怎么念 尉迟恭怎么读 香港身份证号码怎么看 辞职书怎么写 阳光车险怎么样