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
关注
专栏目录
Axure RP 7 左右滑动和左右范围限制问题效果
09-25
Axure RP 7 实现了利用滑竿左右在一定的范围内滑动取值效果。
Axure实现手机上滑功能
产品阿强
11-28 891
相信绘制手机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教程：实现移动端页面上下滑动效果.docx
05-30
然后，我们需要对动态面板进行设置，包括填充滚动预览的内容和实现内容滚动。 在填充滚动预览的内容时，我们需要至少填充超过动态面板的高度，以便于实现滑动效果。接着，我们需要关闭 state1，然后选中动态面板...
Axure手机移动端数据可视化组件模板库.zip
07-05
新版的组件类型依然跟旧版本基本保持一致，但是我们对大部分以上的独立组件都利用Axure 9的特性进行了梳理和调整，使其在风格和使用方式上更加标准和统一。在新版本提供的rplib格式的组件列表文件中，我们还对组件的...
Axure9 移动端元件库 rplibs-main
05-20
这里提供微信和小程序、iOS、macOS、Android、Windows 等多平台的 Axure RP 元件库，你的原型任你自由飞跃。 对于元件库的设计，我参考官方的设计规范文档，尽可能不放过任何一个像素的偏差， 无论长度、宽度、转角...
Axure交互原型移动端元件库 完整版v2.0.zip
08-08
Axure交互原型移动端元件库是设计者们在创建移动端应用原型时的重要工具，它提供了丰富的预定义组件，帮助设计师高效地构建出具有交互性的原型。本文将深入探讨这个元件库的详细内容及其在移动端原型设计中的应用。 ...
Axure 移动端组件
09-08
axure 的一个组件，有需要可以下载
Axure教程——滑屏效果
weixin_43516258的博客
06-27 1579
本文介绍用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 1287
文本框：快速实现提示文字与不同类型文字显示的效果。
Axure 基础详解一：下拉菜单的制作
太空背包客的博客
10-17 3808
Axure 基础详解，下拉菜单的制作，对日常组件的用法、原理以及制作方法的详解。
Axure9如何实现页面上下滑动效果_内联框架实现法
Mongkian的博客
04-29 3064
Axure9如何实现页面上下滑动效果_内联框架实现法 前言：目前很多博主的文章分享都是采用动态面板实现Axure页面上下滑动效果，现在给大家分享一下用内联框架实现上下滑动的效果。 今天来实现页面此处上下滑动效果 一、前期准备 1.Axure9 2.Default-基本元件库-内联框架元件 二、具体操作 1.先自行创建好底栏和顶栏。 2.把元件库中的内联框架拖进来 3.按照自己的要求设置内联框架的大小 拖入一个内联框架 ...
axure9怎么让页面上下滑动_axure上下滑动效果 axureR9页面实现上下滑动效果
weixin_39593061的博客
01-17 1750
我研究了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、付费专栏及课程。

余额充值