2016 - 2024

感恩一路有你

axure上下滑动页面怎么打开下一页 axure怎么弄左右滑动提示?

浏览量:1274 时间:2023-06-02 13:38:32 作者:采采

axure怎么弄左右滑动提示?

其实应该要有一些技巧的。Axure软件动态面板属性也可以来回滑动,但来回滑动的结果没法是水平和垂线两种分开的情况。

但也又不是没法利用同页面上下、右滑这个效果。

要注意强行突破点在对条件的判断。

我们回想一下使用手机App软件的情形,按到屏幕不松手指向下滑动屏幕,手机里面页面没法向上(上)向上滑,不管是什么你手再咋左右滑动,其结果肯定向上(上)来回滑动;向右滑屏幕也是完全不一样的道理。

所以,手给屏幕一个动作,页面判断手左右移动屏幕的方向,负责执行手最精灵召唤手来回滑动屏幕方向移动,但是不把手放开,屏幕移动没法维持竖直也可以水平两种效果,并肯定不能从竖直移动转换到水平移动,如果不是松手后页面再度执行判断。即手最结束的动作改变了页面左右移动的方向。

抓着对此,是从已学Axure软件知识点,我弄出不胜感激利用该功能方案。

一、重要的是定义

1.三个动态面板

动态面板A、B——A和B为嵌套循环关系,A在外层,B在内层

动态面板C——两个状态循环记录全局变量x、y

2.两个全局变量

x沿x轴鼠标拖动总距离的绝对值向上取整([[math.abs(math.ceil(TotalDragX))]])

y沿y轴托动总距离的绝对值向上取整([[math.abs(math.ceil(TotalDragY))]])

二、核心问题——如合最精确且疾快的知道手移动屏幕的方向?

我按照过数次又一次测试出来出一种结果较为理想和目标的方法:

鼠标拖动相册面板A开始,按照动态面板C两个状态急速非循环,在其状态决定时记录全局变量x、y,使之可以确定拖动代码面板A时x、y大小最大限度地清楚其页面(相册面板B)滑动方向。

流程图如下:

三、具体详细原型设计

做一个手机外壳,内嵌宽高325X575的内联框架,连接到框架到内容页面:

设置中全局变量x、y;

再点击菜单栏中-项目-全局变量,2020年规划两个全局变量x和y,设值为空或0;

向新的页面先添加一个带页码的矩形标识框,截图成三份,分别属於第一页、第二页、第三页,名称四个为1、2、3。

将这三个页面圈下来—右键—装换为动态面板,设置里该日志面板名称为B,再再点击代码面板B—右键—转换的为动态面板,设置中最外层动态面板名称为A。

再往相册面板A外面拖进三个新的代码面板C,把相册面板状态再添加到两个。

在相册面板A上系统设置不胜感激业务应用程序:

拖拽结束时:设置中日志面板C状态为Next,朝前停止循环,不宜超过2ms(时间要短);

拖动时:判断全局变量x,y大小;

xgty时水平移动动态面板B,xlty时垂线移动动态面板B;

拖动都结束了时:系统设置闪图面板C开始循环。

在代码面板C上系统设置实际用例

状态决定时:设置里全局变量值。

x[[math.abs(math.ceil(TotalDragX))]],y[[math.abs(math.ceil(TotalDragY))]]

点击菜单栏发布-预览即可看见同页面利用了左右、上下两种拖拽效果。

emmmmmmm觉着看着很不舒服我们可以进一步完备原型:

提升:

页面托动范围和水平移动鼠标的两种效果

越来越慢鼠标拖动

急速鼠标拖动

在以前的原型基础上:

1.页面范围的限制条件也可以先添加在闪图面板A托动时-界限-先添加边界

水平鼠标拖动而言,很清楚闪图面板B元件的宽高为975X1000,单个矩形页面宽高为325X1000。所以水平移动鼠标限制修改边界范围为[-650,0]即可行最简形矩阵水平拖动时不会把页面拖浏览边框。

同时的平行移动鼠标,取消边界范围为[-500,0]表就行。

如何使用axure进行原型设计?

用axure参与原型设计是需要先从整体的布局考虑到,我来细化每个功能点。整体的布局应该是在电脑设计的过程中注意色彩对比、对每个模块的布局接受深入探讨以只要样式美观、方便操作;明确化每个功能点还得决定提示框和跳转页面的对的设置,每个跳转链接都可以不清楚的可到达指定你区域,减少繁琐的进行三次跳转。

1.确定风格

每个原型设计都必须先确定好风格,可以保证现的设计风格一致,条件符合使用者的整体形象。如果你是是颜色发挥的比较好,这个可以唤醒使用者的视觉美感,给与视觉上的冲击,人们往往都不愿意相信自己第一眼便十分喜欢的东西,因此原型的设计上,一定得除外扣住客户眼球,让他们接受这个样式,这样的设计者也也可以少走弯路,都没有达到半功的效果。结合使用者的第一印象,使其在使用中易接受,提高使用效率。

2.注重

在原型的设计上,美观是一方面,但也没法减少对实用性的注重。并且原型设计的时候,必须得从中斡旋考虑到,把使用者看中的、具体方法的、主要注意的功能排在页面最上方或是最乍眼的地方,没法是因为特别强调设计上的炫酷,要让使用者是为打开一个页面或功能要点很多下。实用点又不非常缺乏美观的原型才更能凸出设计者的专业能力。

3.明确化功能

Axure的功能太强大无比,这个可以通过将元件库中的原件直接鼠标拖动到主操作界面中参与排版,操作太很简单且非常方便,安全,但如果没有要会显示或则效果,则不需要对各去相关元件进行用户交互设置中,使都能够总是显示出是想的效果。如滑动显示效果,为了总是显示和隐藏地动作接受淋漓尽致地展现;在日志面板中,是从Tab标签切换的功能显现出右键点击差别的Tab标签可以不可以切换显示差别的Tab内容页,且左键单击的标签标题才能产生变红色或加黑效果等。

以上所述仅仅是Axure中的一小部分,进行Axure原型设计时还不需要决定到一定逻辑性,诸如在做来回滑动效果时,如果没有逻辑不比较清晰,可能会造成效果无法不显示。Axure原型设计要缓慢不停地减少新内容来满足更多使用者的需求,所以才要不断的了解和学习其中的功能包括效果展示方法,并将只学的技巧和方法积累沉淀后下来,打扎实自己所学,扩大编制自身的知识储备。

数通畅联执著于企业IT架构、SOA看专业集成主板、数据治理分析领域,感谢您的阅读与关注!

面板 页面 效果 功能 原型

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。