axure实现手机左右滑动

 时间:2026-02-12 06:35:01

1、在页面中拖入两个动态面板,分别命名为:img,btn,如下图:

axure实现手机左右滑动

2、在img的state1中添加一张图片,并右键复制状态,然后替换其中的图片,这样img面板的图片效果就设置好了。

axure实现手机左右滑动

axure实现手机左右滑动

3、按照上述步骤设置按钮,并将按钮的状态命名为:图片1,图片2

axure实现手机左右滑动

4、按照图示添加img 的拖动结束时 交互用例:

axure实现手机左右滑动

5、添加条件:当状态等于state1时,设置动态面板为图片2,state2:

axure实现手机左右滑动

axure实现手机左右滑动

6、再次双击:拖动结束时,添加条件:当状态等于state2时,设置动态面板为图片1,state1,这样拖动事件就完成了。

axure实现手机左右滑动

axure实现手机左右滑动

7、我们来做一下预览,左右滑动图片区域,图片会切换,按钮文字会改变。

我们可以根据这个将图片换成具体的页面,然后来实现手机端的左右滑动效果。

axure实现手机左右滑动

  • AxureRP如何设置元件位置
  • axure怎么设置弹框动画?
  • 墨刀如何创建原型项目#校园分享#
  • Flash如何使用矩形工具
  • Axure实现音乐播放器效果
  • 热门搜索
    绿色上网手抄报 我爱红领巾手抄报 中秋节手抄报花边 争创文明城市手抄报 科技节手抄报内容 手抄报8k版面设计图 保护环境手抄报资料 感恩教师节手抄报 普通话规范字手抄报 校园文明礼仪手抄报