axure怎么实现滑动解锁效果

 时间:2024-10-27 11:41:51

1、打开软件后,我们在元件库中选择“矩形”元竭惮蚕斗件拖入到画布中。并设置设置矩形的位置,x:0,y:0,(x、y表示在画布的位置,在项目中根据具体位置来设置)宽w:400,高h:50(如图)。

axure怎么实现滑动解锁效果

2、选择在元件中选择“动态面板”,并拖入到刚才绘制的矩形中(如图)。

axure怎么实现滑动解锁效果

3、双击动态面板,看到蓝色蚂蚁线后,为滑动效果的动态面板添加图标。(如图)。

axure怎么实现滑动解锁效果

4、选择动态面板,在右上角属性栏中点击“拖动时”(如图)。

axure怎么实现滑动解锁效果

5、在弹出的对话框中点击“移动“,在配置动作中选择“动态面板”,移动选择“水平拖动”,咿蛙匆盗动画选择“缓慢动画”,边界参数:顶部〉0,左边〈=0,底部〈=40,右侧〉=400(如图)点击确定设置完成(如图)。

axure怎么实现滑动解锁效果

6、保存文件,在浏览器中预览,鼠标滑动查看效果。

axure怎么实现滑动解锁效果

7、选择元件设置大小2、选择动态面板3、设置参数添加图标4、选择拖动效果5、设置参数6、完成

  • Photoshop之修补工具的使用
  • ps软件如何让文字产生变形效果?
  • 在photoshop中如何设置图片移轴模糊?
  • ps如何创建文字工作路径
  • 如何用PS绘制出逼真的盘子?
  • 热门搜索
    最适合旅游的地方 蓟县旅游景点 黄山旅游线路 承德旅游景点 哈尔滨周边旅游 驴友网 结伴旅游 阿联酋旅游签证 旅游搜索 鹤岗旅游 福州 旅游