2016 - 2024

感恩一路有你

axure怎样实现左右滑动效果 axure怎么弄左右滑动提示?

浏览量:5018 时间:2023-05-25 21:53:22 作者:采采

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))]])

二、核心问题——如合精确且迅捷的明白手移动屏幕的方向?

我实际过数次又一次测试3出一种结果相对于我们的理想的方法:

拖拽闪图面板A结束,按照日志面板C两个状态迅速运行,在其状态转变时记录全局变量x、y,从而可以确定移动鼠标动态面板A时x、y大小最终达到明白其页面(动态面板B)来回滑动方向。

流程图如下:

三、具体一点原型设计

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

设置中全局变量x、y;

再点击菜单栏中-项目-全局变量,新增两个全局变量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]表就行。

rp预览快捷键?

拷贝CtrlXCMDX

图片文件夹CtrlCCMDC

粘帖CtrlVCMDV

再复制为纯文本CtrlShiftVCMDShiftV

再复制以及完全锁定的小部件CtrlShiftAltVCMDShiftOPTV

粘帖样式CtrlAltVCMDOPTV

重复一遍CtrlDCMDD

重新指定Ctrl Z CMD Z重做Ctrl Y CMD Y全选Ctrl A CMDA

可以打开文件CtrlOCMDO

新文件CtrlNCMDN

能保存存档CtrlSCMDS

另存为Ctrl Shift S CMD ShiftS

解盟Axure RPAlt F4 CMDQ

打印CtrlPCMDP

中搜索CtrlFCMDF

替换CtrlHCMDR

帮助F1F1

单词发音去检查F7 CMD Shift

最好的项F9 CMD,

粗体/非粗体CtrlBCMDB

下划线/无下划线CtrlUCMDU

斜体/非斜体CtrlICMDI

第二页/工作界面CtrlTAB

上第一页/工作界面Ctrl Shift TAB

第三页/所有页面CtrlAlt→CMDOPT→

上一页/所有页面CtrlAlt←CMDOPT←

关掉当前页CtrlWCMDW

关了窗口Alt F4 CMD Shift W

关了所有标签CtrlShiftWCMDShiftOPTW

上那一页PgUpPgUp

第三页PgDnPgDn

向前上翻页Shift PgUp Shift PgUp

向后翻页Shift PgDn Shift PgDn

往上滚动鼠标上方滚动鼠标向下滚动

向下转动鼠标往上划动鼠标往下滚动

向右滚动Shift鼠标上方向下Shift鼠标上方滚动

向左边划动Shift鼠标往上滚动起来Shift鼠标向下滚动

放大和缩小CtrlCMD

缩小Ctrl-CMD-

修改密码缩放Ctrl0CMD0

中心画布Ctrl1CMD1

图像大小到所选内容Ctrl 2 CMD 2中心选择Ctrl3CMD3

移致0,0Ctrl9CMD9

预备隐藏地标尺CtrlSPACECtrlSPACE

显示网格Ctrl#39CMD#39

不显示全局标线CtrlAlt,CMD OPT,

显示页面做个参考线

长方形CtrlShiftBCMDShiftB

椭圆CtrlShiftECMDShiftE

文本CtrlShiftTCMDShiftT

钢笔CtrlShiftPCMDShiftP

组合CtrlGCMDG

可以取消配对组合Ctrl Shift G CMD Shift G

元件向后移动一层Ctrl]CMD]

元件下压一层Ctrl[CMD[

元件移下顶层CtrlShift]CMDShift]

元件移下底层CtrlShift[CMDShift[

居中对齐CtrlAltLCMDOPTL

居中对齐CtrlAltCCMDOPTC

两端对齐CtrlAltRCMDOPTR

顶部尺寸线CtrlAltTCMDOPTT

中间整个表格Ctrl Alt M CMD OPT M

底部整个表格CtrlAltBCMDOPTB

文字右对齐CtrlShiftLCMDShiftL

文字居中对齐Ctrl Shift C CMD ShiftC

文字两端对齐CtrlShiftRCMDShiftR

水平分布CtrlShiftHCMDShiftH

互相垂直广泛分布Ctrl Shift U CMD Shift U

可以转换为动态面板CtrlShiftAltDCMDShiftOPTD

转换成为母版Ctrl Shift Alt M CMD Shift OPT M

还原系统部件CtrlShiftAltBCMDShiftOPTB

移动到位置和尺寸CtrlKCMDK

帐号锁位置和尺寸CtrlShiftKCMDShiftK

可以编辑位置和尺寸CtrlLCMDL

保持宽高比调整W/H大小Shift ENTER Shift ENTER

图片内容复制CtrlShiftAltSCMDShiftOPTS

图片布料裁剪CtrlShiftAltCCMDShiftOPTC

直接插入文本链接CtrlShiftAltHCMDShiftOPTH

彻底删除所有视图CtrlDELCMDDEL

减少脚注编号CtrlJCMDJ

提高脚注编号CtrlShiftJCMDShiftJ

涨大字体CtrlAlt-CMDOPT-

可以放大字体CtrlAltCMDOPT

改字体CtrlTCMDT

合并形状CtrlAltUCMDOPTU

减去一顶层形状Ctrl Alt S CMD OPTS

与形状区域相交Ctrl Alt I CMD OPTI

可以排除重叠形状CtrlAltXCMDOPTX

新建任务页面Ctrl ENTER CMD ENTER

重命名CtrlShiftENTERCMDShiftENTER

改名选中后页面TABTAB

你升级左键单击页面Shift TAB Shift TAB

上方移动所选项目Ctrl↑CMD↑

向外移动所选项目Ctrl↓CMD↓

搜索所有CtrlShiftFCMDShiftF

从搜索栏移致结果列表↓↓

从结果列表直接返回搜索栏Shift TAB Shift TAB

再次搜索ESCESC

复制页面CtrlDCMDD

交撞选中后Ctrl Alt 1 CMD OPT1

乾坤二卦选中CtrlAlt2CMDOPT2

连接器模式CtrlECMDE

光标模式CtrlAltPCMDOPTP

定位范围至交互栏目CtrlShiftXCMDShiftX

定位至说明栏目Ctrl Shift N CMD Shift N左侧栏目隐藏Ctrl Alt [ CMD OPT[

右侧栏目封印CtrlAlt]CMDOPT]

预览

预览项目CtrlShiftAltPCMDShiftOPTP

先发布到Axure CloudCtrl / CMD /生成HTMLCtrl Shift O CMD Shift O

然后再生成气体当前页面CtrlShiftICMDShiftI

生成说明书CtrlShiftDCMDShiftD

生成器配置CtrlShiftMCMDShiftM

登陆账号AxureRP账户CtrlF12CMDF12。

页面 面板 动态 鼠标 水平

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