【实用小案例】各类函数、动态面板等功能组合使用,包含丰富交互

【作品基本信息】

  • 作品名称:《实用小案例》函数、动态面板等功能组合使用案例
  • 原型大小:7.4Mb
  • 页面数量:31
  • 作品分类:Axure小案例
  • Axure版本:Axure8;支持Axure9、Axure10
  • 是否更新:后续还会继续更新
  • 是否含有交互:是。请点击Highlight按钮查看相关交互

【项目介绍】

  • 时针、辨别身份证性别、百分数转小数、中继器基础功能、细滚动条、模拟电话按键、高阶进度条等实用小案例

【更新内容】

  • 2024年4月18日更新内容:AI自动生成文字对话过程、动态状态显示、获取中继器中的内容并滚动弹幕、键盘按键交互、鼠标路径框线、设置密码、摄氏度华氏度转换、进度条拖动调节亮度

【页面说明】

  • 【真实钟表走动】:在系统管理员@大马猴 所做的钟表基础上进行了改动和优化,只使用一个底部圆盘,时针、分针、秒针均采用渐变填充的方式,让一半有颜色、一半为透明。函数方面与@大马猴 的方法一致。该案例可真实显示当前的时间,以及准确的钟表走动。(大马猴案例链接:教大家用Axure制作与系统时间匹配的时钟 – Axure中文网

1

  • 【获取年份的天干地支】:该案例可获取任意年份的天干地支年,使用LVAR.substr()函数,并使用特殊算法。可快速获取天干地支年。

19

  • 【窄垂直滚动条】:axure8的动态面板的滚动条在windows系统中很宽、很丑,影响页面交互,本案例为自制垂直滚动条,这样就可以在axure8版本中显示细窄的滚动条了。核心方法是用[[Cursor.y]]获取鼠标的Y值,并对动态面板进行移动。

2

  • 【数字键输入手机号】:模拟真实手机按键,直接点击即可输入手机号码。附带清空和删除最后输入的一位数功能。每个按钮点击的时候都会使用变量[[jieguo*10+anniu]],此方法可保留之前输入的数字。非常NICE。

3

  • 【获取当前时间】:可获取当前的年月日、星期、时分秒数据。直接使用[[Now.getFullYear()]]年[[Now.getMonth()]]月[[Now.getDate()]]日 星期[[Now.getDay()]] [[Now.getHours()]]:[[Now.getMinutes()]]:[[Now.getSeconds()]]即可。
  • 【检测身份证号所属人的性别】:检测输入的身份证号的所属人的性别。核心就是使用[[LVAR.substr()]]、和取余运算来判断性别。

4

  • 【数字随另一个数字变动】:使用[[LVAR.slice(0,-1)]]函数来获取数量,从来让价格根据数量变动。记着要设置数量的最小值和最大值。通过点击加减号即可。

5

  • 【转盘活动】:该转盘亮点在于在一定范围内旋转的角度是随机的。这要归功于Math.random()函数的使用。可让结果每次都不相同,更直观地说明转盘的交互和功能。

6

  • 【九宫格抽奖】:轮动抽奖,可直观显示出今日剩余抽奖次数,剩余抽奖次数若为0,则不能继续抽奖。动态面板的使用是基础。希望能帮助到您。

7

  • 【百分号转化为小数】:可将页面的百分号转化为小数,例如10%→0.1。分别使用到LVAR.replace()、LVAR.substring()、Math.floor()函数等。可运用在商城等项目中。

8

  • 【中继器】:最基础的中继器,实现数据的增删改查功能。可以不熟,但不可以不会。

9

  • 【输入法中表情、语音、键盘的相互切换】:一个新颖的键盘交互方式。语音、键盘、表情包、展开更多功能。

10

  • 【翻牌抽奖】:该交互优势在于巧妙运用隐藏和显示,将开奖变得更立体。游戏项目中或许可以用得到。

11

  • 【背景图滚动】让背景图滚动起来,产生一种物体(汽车)在运动的错觉。可以让游戏交互更直观。

12

  • 【banner图切换】合理设置动态面板的大小、数量以及面板中的状态数量,可以让切换看上去更自然。一定要在案例中查看体验哦。

13

  • 【进度条1】:进度条显示相匹配的进度条百分比,高端大气上档次。图层的相互遮挡与显示非常重要。

14

  • 【进度条2】:进阶进度条,可实现每次的进度都不一样,从而分数也不一样。适用于分数、安全性测试等。

15

  • 【在任意两个值之间生成随机数】:大家都知道Math.random()函数,但如何在两个任意值之间生成随机数,我来告诉您。

16

  • 【正多边形】:可能是全网独一份,每个正多边形都是经过严格计算,绝对正多边形,直接复制即可使用。放大缩小任君操控。合并、去除、相交、排除等布偶运算才让形状如此完美。

17

  • 【放大缩小图片】:通过滑块的滑动来放大缩小图片。

18

  • 【从中继器中获取内容实现滚动弹幕效果】:获取中继器中的内容。

  • 【键盘按键交互】:实现键盘按键交互。

  • 【设置账号密码】:设置账号密码。

  • 【摄氏度华氏度转换】:通过算数运算实现摄氏度与华氏度的转换。

  • 【拖动进度条实现元素亮暗的调整】:通过动态面板的拖动调整页面透明度,从而实现页面亮暗变化的调整。

发表回复

以下作品你可能也喜欢:
推荐

作品名称:PMGOD大型连锁超市SaaS软件管理系统项目实战-后台系统…

继续阅读 →

售价:¥ 149.00 销量: 28 15281
推荐

作品名称:AxureUX企业及通用型网站WEB端原型模板 作品类型:模…

继续阅读 →

售价:¥ 19.00 销量: 196 7206
推荐

售价:¥ 49.90 销量: 12 1836
推荐

介绍 本产品是基于谷歌的Material Design指南制作的元件库…

继续阅读 →

售价:¥ 99.00 销量: 16 3139
推荐

作品介绍 作品名称:SaaS灵活用工平台 主要适用:人力资源服务行业、…

继续阅读 →

售价:¥ 159.00 销量: 23 10703
推荐

web端高保真原型系列 1、交互按钮元件组合 2、输入框元件组合(数字…

继续阅读 →

售价:¥ 99.00 销量: 63 24946