首页 > 其他分享 >Axure变量或函数2

Axure变量或函数2

时间:2024-12-28 19:19:58浏览次数:5  
标签:变量 滑块 鼠标 拖动 解锁 位置 Axure 文本 函数

--本篇导航--

  • 鼠标指针的属性(滑动解锁)
  • 图片滑动解锁
  • 字符串(验证手机号、邮箱,查找替换)

鼠标指针的属性

在Axure中可以控制鼠标指针的坐标、移动距离、拖拽属性。

Cursor.x

获取鼠标当前位置的X轴坐标

Cursor.y

获取鼠标当前位置的Y轴坐标

DragX

获取鼠标在水平方向的移动距离(0.01秒)

DragY

获取鼠标在垂直方向的移动距离(0.01秒)

TotalDragX

整个拖动过程中,鼠标指针在水平方向上移动的距离

TotalDragY

整个拖动过程中,鼠标指针在垂直方向上移动的距离

DragTime

鼠标拖动操作的总时长。从鼠标按下左键到释放左键的总时长,中间过程中,如果未移动鼠标位置,也计算时长(单位:毫秒)

滑动解锁

最终效果:

实现步骤:

基本元素如下:

由于此交互涉及到拖动元件,具有拖动交互的是动态面板,所以将滑块右键-转为动态面板了。

整体操作有:

拖动滑块:

向右拖动(未到解锁区域):水平移动滑块,并将底部滑块进度进行水平拉伸

向右拖动(已经到解锁区域):解锁成功(跳转页面或弹出提示信息)

向左拖动:如果在起始位置(滑块左侧=背景区域左侧)再向左拖动滑块是拖动不了的,即此时将滑块位置设定在初始位置

松开滑块:

滑块未到解锁区域:此时松开滑块,滑块应自动滑动回初始位置,底部滑块进度的长度恢复到初始值

滑块已经到解锁区域:此时松开滑块,应解锁成功(跳转页面或弹出提示信息)


图片滑动解锁

最终效果:

实现步骤:

基本元素如下:

整体操作有:

拖动滑块:

向右水平拖动滑块,拖动的范围为底部滑块进度的左右边界。

拖动滑块的同时,移动区域也跟随拖动。

拖动结束:

拖动到目标区域附近(扩大点目标区域范围,增加容错±6),则解锁成功并跳转页面。

拖动结束未达到目标区域附近时,解锁失败,滑块和移动区域回复到初始位置,并提供解锁失败的文字提示。


字符串

length

获取当前文本对象的长度,即字符长度,1个汉字的长度按 1 计算

charAt(index)

获取当前文本对象指定位置的字符,index为≥0 的整数,字符位置从0开始计数,0为第一位

charCodeAt(index)

获取当前文本对象种指定位置字符的Unicode编码(中文编码段19968~40622)字符起始位置从 0 开始,index为≥0 的整数

concat('string')

将当前文本对象与另一个字符串组合,string为组合后显示在后方的字符串

indexOf('searchValue',start)

至右查询字符串在当前文本对象种首次出现的位置。未查询到,返回值为 -1

lastIndexOf('searchvalue',start)

至左查询字符串在当前文本对象种首次出现的位置。未查询到,返回值为 -1

replace('searchvalue','newvalue')

用新的字符串替换文本对象中指定的字符串

slice(start,end)

从当前文本对象种截取从指定位置开始到指定位置结束之间的字符串。start为截取部分的起始位置,可为负数,负数时表示从文本对象的尾部开始,-1表示末位,-2表示倒数第二位;end为截取部分的结束位置,可省略,省略表示从截取位置开始至文本对象的末尾,但提取的字符串不包含结束位置。

split('separator',limit)

将当前文本对象中与分割字符相同的字符转为",",形成多组字符串,并返回从左开始的指定组数。如11:22:33用split(':')后,则得到11,22,33

substr(start,length)

当前文本对象中从指定起始位置截取一定长度的字符串。 start为截取的起始位置;length为截取长度,该参数可省略,省略则表示从起始位置一直截取到文本对象末尾

substring(from,to)

从当前文本对象中截取从指定位置开始到另一指定位置区间的字符串。to为指定区间的结束位置,可省略,省略表示从起始位置截取到文本对象的末尾,但提取的字符串不包含末位。

toLowerCase()

将文本对象中多有的大写字母转换为小写字母

toUpperCase()

将文本对象中多有的小写字母转换为大写字母

trim()

删除文本对象两端的空格

toString

将一个逻辑值转换为字符串

验证手机号

最终效果:

实现步骤:

给验证按钮加判断,手机号格式判断条件如下:

  • 长度:11
  • 首位数字必须为:1
  • 第二位数字必须为:3~9 之间的数,即不等于0、1、2

更丰富的如清除按钮、悬停、选中、自动获取焦点等操作,在前面《Axure交互效果1》中有涉及。

验证邮箱

最终效果:

实现步骤:

给验证按钮加判断,邮箱格式判断条件如下:

  • 邮箱不能包含多个@
  • 首位必须是字母或数字
  • @和 . 不能是相邻的

查找替换

最终效果:

实现步骤:

 

 

 

 

标签:变量,滑块,鼠标,拖动,解锁,位置,Axure,文本,函数
From: https://www.cnblogs.com/11sgXL/p/18637832

相关文章

  • 8086汇编(16位汇编)学习笔记08.函数
    https://bpsend.net/thread-138-1-2.html 函数结构函数结构的演变函数的结构并不是随随便便就出来的而是解决了很多问题之后,大家统一认为那个结构是最好的一种方式例如:模拟函数实现2个数相加不用函数实现两个数相加;这是栈段stacksegmentstackdb512dup(0)stack......
  • Bootstrap模态框使用WebUploader点击失效问题 - Bootstrao模态框弹出后内置js函数未起
    解决方案参考: https://blog.csdn.net/superdog007/article/details/78716352webuploader官网: https://fex-team.github.io/webuploader/getting-started.html 问题原因: 模态框弹出后,但是加载的js函数并未执行到html元素,但是F12页面查看元素后又显示正常, 解决: 在模态......
  • 变量
    变量publicclassVariable{//常量使用final定义,修改局部变量也不会变化staticfinaldoublePI=3.14;//类变量,随着类的结束而消亡,修改局部变量会变化staticdoublesalary=2500;//实例变量,从属于对象,可以不初始化Stringname="gx";......
  • 正交三角函数全面阐述
    目录1.正交性定义2.正交三角函数常见的正交三角函数3.正交三角函数的特性4.正交三角函数在傅里叶分析中的应用5.正交三角函数的应用领域6.总结正交三角函数是指在特定条件下,三角函数之间的内积为零。更具体地说,在数学分析、信号处理、傅里叶变换等领域,正交性是......
  • Python变量与数据类型
    目录一,变量二,数据类型1.五种基本数据类型2.进制转换3.进制转换函数4.数据类型转换函数 5.type() 一,变量变量就是数据的别名,使用变量等同于使用数据,需要先赋值在使用。变量命名规则:1.只能包含字母,数字,下划线,其中数字不能开头2.区分大小写,一般变量名都是全......
  • [Wireshark] 使用Wireshark抓包https数据包并显示为明文、配置SSLKEYLOGFILE变量(附下
    wireshark下载链接:https://pan.quark.cn/s/eab7f1e963be提取码:rRAg链接失效(可能会被官方和谐)可评论或私信我重发chrome与firefox在访问https网站的时候会将密钥写入这个环境变量SSLKEYLOGFILE中,在wireshark中设置就可以解析https变量配置环境变量先创建文件ssl.log,点击......
  • Vue中动态样式绑定+CSS变量实现切换明暗主题功能——从入门到进阶
    1.直接借助Vue的动态绑定样式绑定Vue动态样式绑定在Vue中,动态样式绑定是一种强大的功能,它允许开发者根据数据的变化动态地更新元素的样式。以下是对Vue动态样式绑定的详细知识梳理与详解:一、基础知识Vue的动态样式绑定主要通过v-bind:style(或简写为:style)指令来实现。通......
  • 《 C++ 点滴漫谈: 十三 》C++ 中的虚拟函数革命:virtual、override 和 final 如何改变你
    摘要这篇博客深入探讨了C++中virtual、override和final关键字的核心概念与使用技巧。我们从虚函数和多态的基本概念出发,讲解了如何通过virtual实现动态绑定,使程序能够在运行时根据对象类型调用适当的函数。接着,我们深入分析了override的使用,帮助开发者避免重写错......
  • C# 解除带有密码的Excel Unprotect函数无效解决方法(已知密码的情况)
    尝试过的方案Spire.XLSUnprotect函数无效Aspose.CellsUnprotect函数无效Microsoft.Office.Interop.ExcelUnprotect函数无效解决方案还是用Microsoft.Office.Interop.Excel在Open函数中输入密码然后SaveAs另存为文件,参数中Password=""即可//代码后面补Excel密码说......
  • 使用js封装一个缓动动画函数
    在前端开发中,我们经常需要使用缓动动画来创建平滑的过渡效果。以下是一个使用JavaScript封装的简单的缓动动画函数://缓动函数functionease(t){//这里使用了简单的二次缓出效果,你可以根据需要替换为其他缓动函数returnt*(2-t);}//动画函数functionanima......