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

最新推荐文章于 2025-06-01 17:45:00 发布
原创 最新推荐文章于 2025-06-01 17:45:00 发布 · 2k 阅读 · 5 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#Axure #AxureRP #产品原型 #原型设计

本文详细介绍了在Axure RP中如何设置元件的拖拽功能及拖拽后的动效，包括将元件转换为动态面板，设置拖动跟随效果，以及在拖动结束后使元件回到初始位置的方法。

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

Session12-拖拽动效

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

元件与步骤

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

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

拖动结束后回初始位置

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

教程 | 用 Axure 制作具有动态效果的环形进度条
05-09 2111
在进行原型制作的时候，经常会遇到这样一个交互：进度条。并且有时候进度条会自动“走动”到指定的位置，并且具有动态效果。 今天这个案例就是进度条。但是它是简单的进度条吗？NO！它是环形进度条，并且是具有动态效果的环形进度条。那么有些朋友会问说了，直线型的进度条我会做，但是环形的应该怎么做呢？ 问得好。接下来我们就一起来看看。 首先看看效果是如何的。打开页面之后，进度条会从初始的位置慢慢“走动”到一个具体的位置，我们可以看到它“走动”的路径。 大家可以打开...
Session2-元件的显示隐藏及其动效 | 剑雨Axure RP9系列【进阶】
剑雨
08-20 1127
元件的显示/隐藏及其动效 元件准备与设置 准备好一个占位符，三个按钮，拖至画布； 更改三个按钮上的文字分别为显示、隐藏、切换; 将占位符的默认状态设置为隐藏，方法：选中占位符后在右侧样式菜单上点击隐藏； 设置点击按钮时占位符的可见性 给三个按钮分别添加事件设置可见性于占位符上，如下图所示： 动画、灯箱、弹出、推拉 动画 对于显示与隐藏时，可以设置元件的动画效果，此设置详细见第36节-动画和...
Axure动态面板上下拖动效果实现
12-05
个人在使用Axure过程中总结的动态面板实现上下拖动效果的步骤，描述细致，有详细截图说明。
Axure教程—拖拽获取（中继器+动态面板 ）
weixin_43516258的博客
06-07 1921
本文将教大家如何用AXURE中的中继器和动态面板制作拖拽获取效果
Axure组件即拖即用：横向拖动菜单（支持左右拖动选中交互）
最新发布
benleiqiang的博客
06-01 1542
《Axure横向菜单组件：解决拖动乱跳与多选问题》摘要 针对Axure横向菜单拖动交互中的常见痛点（如菜单失控滑动、多选误触、演示失灵等问题），本文介绍了一款"防手残"优化组件。该组件具备智能边界制动、真·唯一选中机制和移动端触控优化三大核心功能，支持丝滑左右拖动（含惯性滚动/弹性边界）与精准单选交互。适用于电商分类导航、时间轴选择、频道切换等高频场景，通过性能对比显示其流畅度（60FPS）和误触率（<3%）显著优于传统方案。组件支持自定义选中效果，并提供限制拖动范围、防多选等常见
Session6-滚动区域-Scrolling Region | 剑雨Axure RP9系列【进阶】
剑雨
08-20 591
Session6-滚动区域-Scrolling Region 在本节中，您将学习到如何对动态面板设置区域内滚动。 元件准备 一级标题、图片 各一个，文本段落3个，从上到下垂直分布。 步骤 将上述元件拖至画布中； 选择所有元件，点击上方垂直分布； 右键单击，然后在菜单中选择“ 转换为动态面板 ”； 将动态面板的高度设置为350，这样将有一部分文本段落在此高度区域中不可现。 在“ 样式”窗格的“ ...
Axure中元件的拖动效果-动图面板(九)
xyphf的博客
09-21 1899
右击元件转化为【动态面板】 选择【动态面板】选择拖拽属性
第12节-连接器 | 剑雨Axure RP9系列【基础】
剑雨
08-15 2504
连接器是特殊的元件，用于连接流程图中的形状，图像和快照元件。连接器的两端都锚定在目标窗口元件上的连接点上。 在画布上移动目标窗口元件时，连接器会自动重排以保持连接状态。 连接器的使用 单击AXURE左上角的连接图标，此时画布处于连接器模式,在该模式下， 可以将鼠标悬停在元件上以查看其连接器点。从一个元件上的连接器点单击并拖动到另一个窗口元件上的点，可以在它们之间绘制连接线。 编辑连接器点 默认情...
Session10-选项卡制作 | 剑雨Axure RP9系列【进阶】
剑雨
08-20 997
Session10-选项卡制作 如果熟悉动态面板交互的话，选项卡的制作其实是非常简单的。 分析 点击两个不同的迎按钮时，出现不同的选项，这两个不同的选项可设定为动态面板两个不同的状态。 给两个不同的按钮添加鼠标单击时事件，设置动作为设置面板状态即可。 元件准备 两个按钮：将其填充为不同的颜色并设置底部边框为直角； 一个动态面板：将动态面板设置两个状态 如下图所示： 步骤 按钮设置 从左侧库中拖...
第33节-变量Variables | 剑雨Axure RP9系列【基础】
剑雨
08-16 1077
变量Variables 变量是储存文本和数值的容器。变量的值可在其它元件中显示为文本，也可以在条件逻辑中使用。 变量的本质就是：数值的获取和使用 变量可以分成两大类：系统变量和自定义变量，而自定义变量里面又包括全局变量和局部变量。 系统变量：是系统已经创建好的变量，用于直接获取对象的特定属性值。 全局变量：主要是用于不同页面之间值的传递。 局部变量：主要是用于指定页面内某个特定对象，往...
第24讲-表格Table| 剑雨Axure RP9系列【基础】
热门推荐
剑雨
08-16 1万+
表格Table Axure中的表格没有EXCEL中那么强大，但作为原型设计来讲，基本够用。 表格数据编辑 有三种方法： 双击单元格以进入文本编辑模式 选择单元格，然后按ENTER进入文本编辑模式 选择单元格并开始输入。（此选项仅在禁用单键快捷键时可用） 还有另外一张方法：从EXCEL中粘贴 我们可以通过先在excel表中制作好我们需要的复杂表格，然后通过复制、粘贴功能将在excel中制作...
Axure进度条
11-15
效果实现教程地址：https://blog.youkuaiyun.com/qq_27884377/article/details/84100146
1.4_7 Axure RP 9 for mac 高保真原型图 - 案例6 【旋转的唱片4】进度条_拖拽、点击
GroupiesM的博客
08-29 715
1.4_7 Axure RP 9 for mac 高保真原型图 - 案例6 【旋转的唱片4】进度条_拖拽、点击
AXURE教程：简单制作拖拽照片交互墙效果
shadow_zed的博客
12-07 726
一、效果预览 二、准备元件 中继器：存放向图片素材 图片元件：加载图片 动态面板：拖拽效果使用 三、实现步骤 1. 步骤一 添加一个中继器，设置中继器数量项的字段名称。一列一张图片导入，字段名称不能重复了，如图： 中继器图片导入完成后，开始给图片赋值。选中图片元件，添加动作“设置图片”，Default默认为值。 点击fx进入函数选择。这边必须要选择对应中继器的字段名称，确定保存元件交互即可（像这样多复制几个图片修改对应的中继器字段即可）。 把设置好交互的图片元件转为动态面板
Axure rp9实现进度条
someby的博客
12-23 5270
目录 1.需要注意的地方 2.元件准备 3.交互 在使用Axure rp9参考网实现进度条的过程中，发现有一个地方出了问题，自己也是找了好久才将错误修改正确的，下面记录一下这个过程，防止下次使用的时候再次犯这样的错误。 1.需要注意的地方 （1）进度条如何实现？ （2）进度百分比如何实现？ 2.元件准备 从元件库中拖动一个矩形作为背景槽，命名为“background”大小设置为宽...
Axure RP 9 制作拖动按钮面板，同步拖动图片
shandongmike的博客
11-03 2384
Axure RP 9 制作拖动按钮面板，同步拖动图片。利用动态面板，实现拖动条效果
Axure RP9——【推动和拉动效果】的实现
两条线-twolines
11-09 8350
推动和拉动效果的实现； 理清逻辑，举一反三。
Axure9 目录下拉 推拉元件效果实现
morax_的博客
07-22 800
使用工具：Axure rp9。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值