axure简单实现移动端下滑和上滑功能

最新推荐文章于 2024-02-19 23:42:34 发布
最新推荐文章于 2024-02-19 23:42:34 发布
阅读量4.1k 收藏 1
点赞数
分类专栏： Axure
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jkjkre/article/details/74975337
版权
本文介绍了如何使用Axure简单实现移动端的下滑和上滑功能。通过设置移动面板的位置、参数以及交互用例，实现了滑动面板在规定范围内的上下滑动。详细步骤包括拖动面板设置、控制面板编辑、矩形展示、交互用例参数配置以及上标和下标的设定。预览效果良好，适合初学者参考。
摘要由CSDN通过智能技术生成
axure简单实现移动端下滑和上滑功能

01

拖动移动面板，设置大小。位置x:0，y:0;     

blob.png

02

双击控制面板，出现控制面板编辑状态

blob.png

03


这里随便放拉一个矩形展示效果。

blob.png


最低0.47元/天 解锁文章
jkjkre
关注
专栏目录
1.axure 手机上/pc页面上下滑动如何设置？
kilimanjaroyeah的博客
02-14 1997
1.axure 页面上下滑动如何设置？ 背景：手机端或者pc端有很多页面在一页显示屏是展示不完的，如何通过手指/鼠标上下滑动，看完左右页面包括的内容呢？ 正文： 第一步：拖入一个矩形作为简陋的手机框 注意：矩形大小可以在红色方框【样式】里查看，后续添加动态面板也要和矩形（手机框）大小一致 第二步： 注意：拖入的动态面板大小、位置要和上一步拖入的矩形一样，动态面板起的作用是呈现那长长的各种内容 第三...
Axure RP 7 左右滑动和左右范围限制问题效果
09-25
Axure RP 7 实现了利用滑竿左右在一定的范围内滑动取值效果。
Axure实现手机上滑功能
产品阿强
11-28 890
相信绘制手机app端原型的伙伴们，经常会遇到内容不止一屏展示，需要上滑查看更多的需求，那么如何绘制一个手机上滑实现更多内容查看的功能呢，如果使用的是墨刀，墨刀软件是自己支持的，如果使用的是axure，那么就需要自行实现了，好了，废话不多说，现在开始说一下实现的步骤 其实原理很简单，使用的是动态面板的滑动条功能 首先，需要将需要实现滑动的内容转化为动态面板 然后按住动态面板的拖动高度的键，将动态面板调整至合适的高度 将动态面板设置成自动显示垂直滚动条 拖动动态面板横向的按键将滚动条正..
AXURE-039-组件-下滑菜单
兵哥的专栏
09-25 320
​有一段时间没出来写东西了，最近总算有点时间，赶紧接着写，也算是一个习惯的延续吧。 马上双节，在这里祝大家双节愉快。 本期将自己项目中用到的一个下滑菜单效果分享出来供大家参考。实现起来比较容易。 显示效果 具体静态图和动态效果如下： 动画效果 (原始gif略大，加载不出来估计，压缩了一下，感觉有点失真，大家下载源文件预览会好点)。 实现方式 1、主要用到动态面板来管理子菜单。并分别给一级菜单配置鼠标点击，移入时动态面板切换和上下滑动操作，从而时间菜单切换显示和隐藏效果。 ...
LAYUI 折叠面板
ShiGtai的博客
10-27 1893
//注意：折叠面板 依赖 element 模块，否则无法进行功能性操作 layui.use(‘element’, function () { var element = layui.element; //折叠面板监听 element.on(‘collapse(filter)’, function(data){ // console.log(data.show); //得到当前面板的展开状态，true或者false // console.log(data.title); //得到当前点击面板的标题区域DOM对
Axure模拟手机屏幕滑动
07-15 251
Axure8.0，模拟红米Redmi Note3，MIUI 8.6.7.7开发版三个界面的滑动 1. 手机截屏，放到Axure的Page1当中，单张图片比例调整为360x640，分别命名P1、P2、P3，横着排列，将三张图片组合（命名为home_img）。 2. 在index页面创建一个动态面板（home_panel），设定宽高为360x640，在动态面板下方创建一个热区（edge）...
axure拖动页面_如何利用axure实现移动端页面拖动展示效果
weixin_39789979的博客
12-20 2946
当一位有PC端原型设计经验的产品人员，设计移动端产品原型时，遇到的第一个问题可能就是页面拖动的效果了。我们在设计PC端产品时，利用鼠标滚轮进行整个页面的展示，然后到了移动端，利用手指进行拖动，滑动展示整个页面。两种交互方式截然不同。axure制作移动端产品原型时，会遇到很多难题，建议产品同事尝试一些诸如mockplus等更适合移动端的原型设计工具。当然，axure是完全可以实现移动端交互的，只是我...
菜鸟笔记---axure9 动态面板 移动端上下滑屏
lirm668的博客
08-05 2989
在网上找了好久如何实现原型手机端上下滑动，各种攻略看的呀，方法都不一样，版本也不一样，试了半天都没成功，看的多了，知道个大体动态面板的操作路径了，才最终成功。（成功1.0，实现了滑动，但是细节控制的不太好） 首先，动态面板编辑路径 axure动态面板编辑的路径，作为小白的我，一直找不到怎么编辑，差点就放弃了。这里把本次需要用到的操作简单描述一下 1、default基本元件中找到【动态面板】 2、拖一个动态面板页面； 3、双击这个【动态面板】进入动态面板的编辑界面（上面有一条蓝绿色的条，表示进来了）
axure9怎么让页面上下滑动_Axure制作：页面上下滑动时的菜单栏悬浮吸顶效果
weixin_31201555的博客
01-31 4106
昆仑女神的故事，sem优化，破产管理人在移动端页面上，用手上下滑时，超过一定向上滑动时，菜单栏能有吸顶效果，如何用axure实现呢？作者在最近在手机移动端的时候，有一个动画，希望达到效果：用手上下滑页面时，超过一定向上滑动时，菜单栏能有吸顶效果，这个效果相信不用我多说，都应该懂，但是如何用axure实现呢？因为不会，先看了网上的教程，但是网上的教程都是以网页滚动，坦白说都是pc端的交互效果。当然如...
CSDN App产品分析报告
洗头冠军的博客
02-20 7206
“成就一亿技术人”，这是CSDN App封面的标语。CSDN网站是一个面向IT技术人员的博客类网站，在互联网时代的背景下，成功获得了大批技术人用户。之后移动端App诞生，沿袭了网站中的大部分核心功能，在IT社区类App中占据相对的主导地位。 本文将就市场、用户、功能、运营等方面对CSDN App进行分析，并产出相应的产品优化方案。 本文将从以下几个方面进行分析： 一.产品功能结构 二....
Axure教程——滑屏效果
weixin_43516258的博客
06-27 1576
本文介绍用Axure来做一个移动端引导页的滑屏效果。
移动端上拉加载demo
小白搬代码的博客
11-22 2076
//引用 <script src="/js/4.2.5iscroll.js"></script> //html <div class="wrap" id="#wrapper"> <div class="main_list"> <div class="other_list"> //循环开始 <ul>....</ul>
Axure9 基本操作（二）
是鲤鱼啊
11-15 1279
文本框：快速实现提示文字与不同类型文字显示的效果。
Axure 基础详解一：下拉菜单的制作
太空背包客的博客
10-17 3794
Axure 基础详解，下拉菜单的制作，对日常组件的用法、原理以及制作方法的详解。
Axure9如何实现页面上下滑动效果_内联框架实现法
Mongkian的博客
04-29 3064
Axure9如何实现页面上下滑动效果_内联框架实现法 前言：目前很多博主的文章分享都是采用动态面板实现Axure页面上下滑动效果，现在给大家分享一下用内联框架实现上下滑动的效果。 今天来实现页面此处上下滑动效果 一、前期准备 1.Axure9 2.Default-基本元件库-内联框架元件 二、具体操作 1.先自行创建好底栏和顶栏。 2.把元件库中的内联框架拖进来 3.按照自己的要求设置内联框架的大小 拖入一个内联框架 ...
axure9怎么让页面上下滑动_axure上下滑动效果 axureR9页面实现上下滑动效果
weixin_39593061的博客
01-17 1749
我研究了axure页面的滑动效果，并将其记录为笔记。有很多东西要学习。只有音符不会忘记，O(∩_∩)O〜准备工作：1、首先绘制头部的底部给头部的底部样式起个名字，我分别称它为“ head”和“ bottom”2.中间内容放置动态面板给它命名为“内容”sketch，记住它的高度，以后再使用。3、双击“内容”动态面板，然后拖动动态面板将其覆盖为了实现滚动效果sketch，该面板高于“内容”动态面板，并...
如何写一个二级菜单
minimorezhd的博客
11-21 1928
相信现在的你打开任何一个网页，它的导航栏的内容绝对会决定是是否浏览下去的关键因素，今天就来教大家如何书写一个二级菜单。 对于一个正常网页来说，其正常的内容都显示在中间1200px里面，所以我们要把这个导航栏的框建好。 浏览器显示效果如下 大家也都知道一级菜单是大部分是通过li来写的，其实二级菜单也是用li写的。我们只需在以有的ul li里面再写一个盒子加上一个ul li。 在css里面也只需通过display来显示的隐藏二级菜单。 网页显示效果如下 完整代码如下 <!DOCTYPE html&g
【案例分享 | 旅游出行app】Axure制作Tab导航切换的交互效果（最详细）
最新发布
小伟
02-19 585
哈喽，大家好！今天给大家介绍，如何制作Tab导航切换的交互效果。
Axure原型：移动端图片管理全方位解析
在Axure原型设计中，移动端图片管理原型是一项关键的功能，它允许用户高效地处理图片，包括上传、导入、分享、收藏和删除等操作。本篇文档将深入探讨这些功能的具体实现和设计思路。 首先，图片管理是应用程序中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值