首页 |问答 |室内设计 |问答详情
  • axure怎么制作左右滑动效果?

    提问者:生动不飞机

    2023-11-22 12:18:39

    共1条用户回答
    我要回答
    • 平时使用手机时经常会用到左、右滑动页面的交互效果。下面介绍它交互的实现过程

      步骤1:准备一个系统菜单导航图片,导入一个系统菜单导航栏图片;

      u=1125996899,3332179217&fm=170&s=EB085823BE8C9F012DC1955E030090A3&w=570&h=166&img.png

      步骤2:从部件库中拖拽矩形到线框图编辑区中,调整大小,w=360(px);h=615(px);填充颜色,在矩形输入“列表1”,并在“部件交互和注释”窗口中命名为“列表1;

      u=3213805247,567503433&fm=170&s=A533CB32436E550FCFE614DA0300C0B8&w=570&h=404&img.png

      步骤3:选中列表1,右击打开快捷菜单,点击“转换为动态面板”;

      u=730157935,3399035497&fm=170&s=A5025B325B1E64CADE6A14DB030050BA&w=570&h=586&img.png

      步骤4:双击动态面板,打开“动态面板状态管理”窗口,在“动态面板名称”输入名称“应用列表”,并点击“+”新增两个状态,并分别给3个状态命名为:列表1,列表2,列表3;

      u=3142892757,1755056226&fm=170&s=B41854325F3A700D08E500DA0300D0B2&w=570&h=395&img.png

      步骤5:在“动态面板状态管理”窗口中,双击状态“列表2”,打开列表2,参考步骤2,创建列表2,但注意填充不同的颜色,以示区分;

      u=2280567128,3226202526&fm=170&s=358E7C330B4E584F147DFFDA0300D0B5&w=570&h=334&img.png

      步骤6:在“动态面板状态管理”窗口中,双击状态“列表3”,打开列表3,参考步骤2,创建列表3,但注意填充不同的颜色,以示区分;

      u=1117252443,3690349317&fm=170&s=B4B46E361307414F4EF5E4FA0300003B&w=570&h=419&img.png

      步骤7:回到首页,选中动态面板“应用列表”,双击“部件交互和注释”窗口中的“向左滑动时”事件,打开用例编辑器;

      u=64943298,2762597974&fm=170&s=B1A15B301324650B1EFF71DA0300D0B8&w=570&h=357&img.png

      步骤8:第二步:点击新增动作—选择“动态面板”,点击“设置面板状态”; 第四步:配置动作—勾选“应用列表(动态面板)”,“选择状态”下拉选择“Next”,“进入时动画”下拉选择“向左滑动”,用时“500”毫秒;“退出时动画”下拉选择“向左滑动”,用时“500”毫秒; 点击“确定”;

      微信图片_20210715153209.png

      步骤9:选中动态面板“应用列表”,双击“部件交互和注释”窗口的“向右滑动时”事件,打开用例编辑器;

      u=2459851490,1679774493&fm=170&s=F9211B704F66740F06EE3DDA030010B8&w=570&h=355&img.png

      步骤10:第二步:点击新增动作—选择“动态面板”,点击“设置面板状态”; 第四步:配置动作—勾选“应用列表(动态面板)”,“选择状态”下拉选择“Previous”,“进入时动画”下拉选择“向右滑动”,用时“500”毫秒;“退出时动画”下拉选择“向右滑动”,用时“500”毫秒; 点击“确定”。

      微信图片_202107151532091.png

      激昂扯秀发

      2023-11-22 13:20:13
写下您的回答吧!
提交

您的回答已经交由管理员老师审核
审核后通过后将自动发布