Session12-拖拽动效 | 剑雨Axure RP9系列【进阶】

最新推荐文章于 2025-06-26 20:34:27 发布
最新推荐文章于 2025-06-26 20:34:27 发布
阅读量2k 收藏 5
点赞数 3
CC 4.0 BY-SA版权
分类专栏： 产品设计 文章标签： Axure AxureRP 产品原型 原型设计
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_33921378/article/details/99897319
本文详细介绍了在Axure RP中如何设置元件的拖拽功能及拖拽后的动效，包括将元件转换为动态面板，设置拖动跟随效果，以及在拖动结束后使元件回到初始位置的方法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Session12-拖拽动效

在本节中，您将学习到如何设置一个元件的可拖动性，并学习设置元件在拖动释放后的动效设置。

元件与步骤

  1. 拖入一个占位符，右键将其转换为动态面板（转换为动态面板是因为在AXURE中只有动态面板才有拖动的事件）；
  2. 设置元件的拖动跟随（设置为跟随鼠标）；
    如下图所示：
    9Drag&Drop.gif

默认在拖动结束后元件释放到当前位置（而非初始位置）

拖动结束后回初始位置

在上述基础上给该面板再设置一个事件当拖动结束时，移动当前元件
20190719130130.png
此步设置的动图展示如下：
9Drag&Drop2.gif

Axure动态面板上下拖动效果实现
12-05
个人在使用Axure过程中总结的动态面板实现上下拖动效果的步骤，描述细致，有详细截图说明。
Axure教程—拖拽获取（中继器+动态面板 ）
weixin_43516258的博客
06-07 1918
本文将教大家如何用AXURE中的中继器和动态面板制作拖拽获取效果
从0到1精通Axure：产品经理的必备神器
最新发布
大雨的博客
06-26 931
Axure 作为一款强大的原型设计工具，为产品设计领域带来了无限的可能。通过本文的介绍，我们从 Axure 的基础概念入手，逐步深入学习了它的基础操作、进阶技巧，以及在实际项目中的应用，同时也了解了常见问题的解决方法。学习 Axure 并非一蹴而就，需要不断地实践和积累经验。在学习过程中，要注重对基础知识的掌握，熟练运用各种元件、交互事件和动作，理解动态面板、中继器等高级功能的原理和应用场景。通过实际项目的锻炼，不断提升自己的设计能力和问题解决能力。
Session6-滚动区域-Scrolling Region | 剑雨Axure RP9系列【进阶】
剑雨
08-20 588
Session6-滚动区域-Scrolling Region 在本节中，您将学习到如何对动态面板设置区域内滚动。 元件准备 一级标题、图片 各一个，文本段落3个，从上到下垂直分布。 步骤 将上述元件拖至画布中； 选择所有元件，点击上方垂直分布； 右键单击，然后在菜单中选择“ 转换为动态面板 ”； 将动态面板的高度设置为350，这样将有一部分文本段落在此高度区域中不可现。 在“ 样式”窗格的“ ...
教程 | 用 Axure 制作具有动态效果的环形进度条
05-09 2110
在进行原型制作的时候，经常会遇到这样一个交互：进度条。并且有时候进度条会自动“走动”到指定的位置，并且具有动态效果。 今天这个案例就是进度条。但是它是简单的进度条吗？NO！它是环形进度条，并且是具有动态效果的环形进度条。那么有些朋友会问说了，直线型的进度条我会做，但是环形的应该怎么做呢？ 问得好。接下来我们就一起来看看。 首先看看效果是如何的。打开页面之后，进度条会从初始的位置慢慢“走动”到一个具体的位置，我们可以看到它“走动”的路径。 大家可以打开...
1.4_7 Axure RP 9 for mac 高保真原型图 - 案例6 【旋转的唱片4】进度条_拖拽、点击
GroupiesM的博客
08-29 711
1.4_7 Axure RP 9 for mac 高保真原型图 - 案例6 【旋转的唱片4】进度条_拖拽、点击
项目经验总结分享：图书馆维护系统总结
杨元的博客
05-31 2946
图书馆维护系统算是我独立写的第一个B-S系统，牛腩新闻发布系统仅仅是照着敲而已，当时看感觉还行，挺简单，到自己真正做了，才发现很多细节不是没记住就是不会。但是牛腩视频的作用是不可低估的，因为他给了我一个宏观指导，一个完整的B-S开发流程。同时，也让我了解了一些至关重要的B-S开发常用技术技巧。正所谓：不怕不知道，就怕不知道。 项目准备： 这个系统米老师其实早就给我了，可当时没往心里去，
养车记账本小程序开发教程
第九程序官方博客
08-10 1243
自微信6.5.3版本开始，小程序正式跟大家见面了。最近利用业余时间做了个小程序，命名“养车记账本”。作为IT狗，经历了从注册开发者资质开始到正式上线的全过程，微信小程序官方 文档 、 快速构建具备弹性伸缩能力的微信小程序 等不在此次叙述之列。本实例所用资源为腾讯云购买的微信小程序解决方案，选的其中的PHP环境。
WinForms窗体布局指南：创建专业级用户界面的技巧
!...# 1. WinForms概述和窗体布局基础 ## 1.1 WinForms简介 WinForms是.NET Framework中用于构建桌面应用程序的图形用户界面库，它利用Windows控件来创建窗口和对话框。WinForms广泛用于快速开发各种Windows应用程序，...
AXURE教程：简单制作拖拽照片交互墙效果
shadow_zed的博客
12-07 724
一、效果预览 二、准备元件 中继器：存放向图片素材 图片元件：加载图片 动态面板：拖拽效果使用 三、实现步骤 1. 步骤一 添加一个中继器，设置中继器数量项的字段名称。一列一张图片导入，字段名称不能重复了，如图： 中继器图片导入完成后，开始给图片赋值。选中图片元件，添加动作“设置图片”，Default默认为值。 点击fx进入函数选择。这边必须要选择对应中继器的字段名称，确定保存元件交互即可（像这样多复制几个图片修改对应的中继器字段即可）。 把设置好交互的图片元件转为动态面板
Axure组件即拖即用：横向拖动菜单（支持左右拖动选中交互）
benleiqiang的博客
06-01 1505
《Axure横向菜单组件：解决拖动乱跳与多选问题》摘要 针对Axure横向菜单拖动交互中的常见痛点（如菜单失控滑动、多选误触、演示失灵等问题），本文介绍了一款"防手残"优化组件。该组件具备智能边界制动、真·唯一选中机制和移动端触控优化三大核心功能，支持丝滑左右拖动（含惯性滚动/弹性边界）与精准单选交互。适用于电商分类导航、时间轴选择、频道切换等高频场景，通过性能对比显示其流畅度（60FPS）和误触率（<3%）显著优于传统方案。组件支持自定义选中效果，并提供限制拖动范围、防多选等常见
Axure进度条
11-15
效果实现教程地址：https://blog.youkuaiyun.com/qq_27884377/article/details/84100146
可拖动、排序的表格非常灵活,样式也很好看
11-14
可拖动、排序的表格,非常灵活,样式也很好看,大家可以下了
Axure rp9实现进度条
someby的博客
12-23 5264
目录 1.需要注意的地方 2.元件准备 3.交互 在使用Axure rp9参考网实现进度条的过程中，发现有一个地方出了问题，自己也是找了好久才将错误修改正确的，下面记录一下这个过程，防止下次使用的时候再次犯这样的错误。 1.需要注意的地方 （1）进度条如何实现？ （2）进度百分比如何实现？ 2.元件准备 从元件库中拖动一个矩形作为背景槽，命名为“background”大小设置为宽...
【Axure教程】拖拉拽放大缩小和移动元件
mushe93的博客
03-09 1670
今天教大家制作能拖拉拽放大缩小和移动元件的原型模板~~~
Axure-制作进度条
liuhaiyan111的博客
08-11 3787
进度条在产品设计交互中起到了非常重要的作用，所以如何制作进度条对产品来说很重要。但是在网上看了很多进度条制作，都非常乱，而且也没有效果，在此我将自己制作的进度条详细的记录下来，以供大家作为参考。 首先我们把元件从元件库中拉取出来。 步骤一： 步骤二 步骤三 步骤四 将三个元件重合起来，依次是进度槽，进度条，拖动条。 步骤五 接下来我们来给元件加事...
Axure常用交互效果二——拖动效果
benleiqiang的博客
10-09 3363
拖动效果的交互设计原理是动态面板和移动的组合应用，再此基础上可以扩展出很多交互效果，例如垂直拖动、水平拖动、延时拖动等，在应用场景中适用于菜单的滑动/拖动、内页、长图等方面，在大型交互设计中也发挥着重要作用，例如车辆轨迹、车辆位置、滚动条、电子屏等等。我们将菜单向右拖动，回到初始位置，正好是向右滑动的极限！初始位置，正好是向右拖动的阈值！我们向左拖动，直到在窗口中显示完菜单的最后一项，观察这时的X坐标：-240 这就表示当我们向左拖动时，到达这个位置就是最低的阈值，那么我们向左拖动的阈值就是-240。
《Axure 6.5超短篇笔记》——触发拖放事件
胡争辉
07-09 2081
尝试一下新形式 《Axure 6.5超短篇笔记》——触发拖放事件 讨论请移步至：http://bbs.hpx-party.org/thread-51953-1-1.html 欢迎转发新浪微博：http://weibo.com/1689646705/yrCudwuHe 欢迎转发腾讯微博：http://t.qq.com/p/t/62861047757926
axure rp 9 嵌套动态面板 拖动
yangguosheng的专栏
04-21 3518
嵌套的动态面板，里外两层都有拖动事件时，只会触发内部动态面板的拖动事件，而不会触发外部动态面板的拖动事件。不像html那样冒泡。 解决方案：内层动态面板的拖动事件中手工触发外部动态面板的拖动事件。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值