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绘制出逼真的盘子?
  • 热门搜索
    古诗手抄报图片大全 放飞梦想手抄报图画 知法守法手抄报内容 关于春节的手抄报资料 寻访红色足迹手抄报 环保手抄报资料大全 手抄报版面花边大全 英语手抄报花边边框 勾股定理手抄报 手抄报内容大全