Axure滚动效果

最新推荐文章于 2024-04-17 13:58:44 发布
最新推荐文章于 2024-04-17 13:58:44 发布
阅读量531 收藏 1
点赞数
分类专栏： axure 文章标签： axure
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liren66/article/details/93173885
版权
本文介绍了如何在Axure中使用动态面板创建滚动效果。首先，创建一个屏幕大小的动态面板，然后在状态管理中设置多个状态。在指定状态中添加超出屏幕的内容，并启用动态面板的自动垂直滚动条。通过调整动态面板尺寸，可以隐藏滚动条，达到理想的滚动效果。
摘要由CSDN通过智能技术生成

**

Axure滚动效果**

**

效果预览

**在这里插入图片描述

制作方法

**
1.拉一个屏幕一样大的动态面板

2.双击这个动态面板-进入-动态面板状态管理-双击state1
在这里插入图片描述
3.进入state1，在虚线内建立一个一样大的动态面板
在这里插入图片描述
4.再双击这个动态面板-进入-动态面板状态管理-双击进入state1
在这里插入图片描述
5.然后在这里加你要的内容，可以向下超过虚线，因为就是要展

最低0.47元/天 解锁文章
liren66
关注
专栏目录
Axure学习笔记（五）-点击按钮则页面自动滚动至指定点效果
weixin_48911487的博客
08-19 3235
注：该笔记适用环境：win10+Axure RP 8 1.给每个元件命名 2.设置事件（至此即可以完成基本滚动） 3.让顶部状态栏始终保持，不随滚动而被隐藏 1）将状态栏全部元件选中后右键，选择转换为动态面板-右键-固定到浏览器 2）固定到浏览器的预定位置 4.指定精确的位置进行跳转 放置一个颜色设置透明元件，设定与导航栏同样高度（用来防止内容被固定在页面上的导航栏遮挡），将滚动点更换到此元件 ...
Axure滚动效果实现
weixin_34138377的博客
09-15 423
下面的这个透明区域用于显示滚动效果，它本身是一个处于隐藏状态的动态面板，它里面也放了一个动态面板用于产生移动的效果 里面的动态面板起名“实际内容”，注意它的默认状态是“状态2”，状态2和状态一的内容一模一样，只是用于触发事件用 另外的一个地方应该有触发滚动效果的地方，比如一个图片，或者按钮什么的点击事件 下面就是“实际内容”动态面板的事件，这里最重要的一点是下图中方框圈起来的部分...
Axure实现滚动效果
RunFromHere的博客
09-05 5114
参考：https://zhuanlan.zhihu.com/p/76675377。2.面板显示大小调整成单页大小，面板实际内容大小可超出显示大小。将矩形属性设置成内容自适应。Axure实现滚动效果。3.设置成自动按需滚动。
Axure实现表格带滚动条
热门推荐
心若向阳 无谓悲伤
08-08 1万+
需求背景：表格的列很多，而页面宽度有限，但仍需将所有内容展示在表格内，考虑在表格中加入滚动条。
axure rp教程（四）动态面板滑动效果
weixin_30732825的博客
01-10 571
转载自：http://www.iaxure.com/74.html 实现目标： 1、 点击登录滑出登录面板 2、 点击确定滑出动态面板 最终效果如下： 这种效果可以通过两种方法实现： 首先准备需要的元件：1个矩形，1个文本，1个动态面板（里面包含2个矩形，一个作为面板，一个作为登录按钮） 把动态面板添加一个状态，准备工作就结束了。 注意：每个主要元件记得加上标签啊！...
Axure教程——图片轮播（纵向滚动）
weixin_43516258的博客
06-25 2137
本文介绍的时用Axure中的动态面板制作图片轮播之纵向滚动
小白自学Axure-可滚动弹窗
weixin_50534910的博客
01-09 1196
情景：页面上点击某个按钮，出现弹窗（例如一些提示窗口或表单填写），若弹窗内容过多一屏展示不全时，需要自行滚动。对按钮增加交互状态，首先选择触发方式（单击、双击......），选择展示/隐藏（show/hide）。3、设置动态面板的滚动方式。一定不要勾选【fit to content】！1、创建弹窗，并设置为动态面板。4、将动态面板设为“隐藏”状态。5、设置交互，点击按钮弹出弹窗。
axure原型列表滚动效果.rp
10-21
axure的循环列表效果（滚屏），大屏上常见的列表自动滚动，滚到底部然后自动开始循环滚动，又叫列表滚动。
Axure教程-使用内联框架制作页面滚动
03-21
使用Axure 内联框架制作的页面滚动，练习用，新手可以看看，还是不错的
Axure交互制作-跑马灯-文字滚动
11-12
Axure交互制作-跑马灯-文字滚动 比较完整的Axure交互讲解说明
Axure教程：实现移动端页面上下滑动效果.docx
05-30
在 axure 中，我们可以使用动态面板的滚动条功能来实现页面上下滑动效果。首先，我们需要画出页面基本结构，包括顶部和底部两个矩形，以及中间的一个动态面板。然后，我们需要对动态面板进行设置，包括填充滚动预览...
AXURE内联框架滚动效果
07-25
通过axure原型设计出一个关于移动端天猫首页页面画面滚动效果。
Axure RP9——【页面滚动操作】效果
两条线-twolines
11-13 1万+
页面滚动操作
Axure—动态面板-滚动
0禾呈0的博客
08-26 2531
滚动~
Axure中如何创建漂亮的滚动条
最新发布
wanggai770407517的博客
04-17 863
Axure中如何美化滚动条
axure动态面板滑动效果
老宋随笔
09-27 3962
手机端交互中，页面的上下左右滑动是常用的交互形态，今天给大家分享一下如何使用Axure来进行模拟，这里使用动态面板来实现，如果对动态面板不是很了解的同学，请查看专栏里的“动态面板入门教程”。 先看效果： 开工之前我们我们先分析一下，滑动效果的用处和实现方法： 1、上下滑动：一般用于浏览页面，例如新闻客户端的信息流。 实现方案：通过onDrag事件（锁定y轴）控制页面move动作，使页面上下移动 ...
Axure长页面滚动拖动制作
SUPERCOOLIRIS的博客
03-02 1万+
关于Axure的长页面制作
axure 数字滚动效果1到100
04-13
Axure是一款流行的原型设计工具，可以帮助用户创建交互式的网页和应用原型。要实现数字滚动效果1到100，可以使用Axure的动态面板和交互事件功能来实现。 以下是一种实现方式： 1. 创建一个动态面板，将其大小设置为适当的尺寸。 2. 在动态面板上添加一个文本框，用于显示数字。 3. 在交互事件中，选择文本框，并添加一个变量，例如"number"。 4. 添加一个循环事件，设置循环次数为100。 5. 在循环事件中，设置文本框的文本为当前循环次数，并将"number"变量的值设置为当前循环次数。 6. 添加一个延迟事件，设置延迟时间为适当的毫秒数，以控制数字滚动的速度。 7. 在延迟事件后，添加一个判断事件，判断"number"变量是否小于100。 8. 如果"number"小于100，则跳转到循环事件，继续下一次循环；否则结束。 这样设置后，当你运行Axure原型时，数字会从1逐渐滚动到100。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值