【作品基本信息】
- 作品名称：《实用小案例》函数、动态面板等功能组合使用案例
- 原型大小：7.4Mb
- 页面数量：31
- 作品分类：Axure小案例
- Axure版本：Axure8；支持Axure9、Axure10
- 是否更新：后续还会继续更新
- 是否含有交互：是。请点击Highlight按钮查看相关交互
【项目介绍】
- 时针、辨别身份证性别、百分数转小数、中继器基础功能、细滚动条、模拟电话按键、高阶进度条等实用小案例
【更新内容】
- 2024年4月18日更新内容：AI自动生成文字对话过程、动态状态显示、获取中继器中的内容并滚动弹幕、键盘按键交互、鼠标路径框线、设置密码、摄氏度华氏度转换、进度条拖动调节亮度
【页面说明】
- 【真实钟表走动】：在系统管理员@大马猴 所做的钟表基础上进行了改动和优化，只使用一个底部圆盘，时针、分针、秒针均采用渐变填充的方式，让一半有颜色、一半为透明。函数方面与@大马猴 的方法一致。该案例可真实显示当前的时间，以及准确的钟表走动。（大马猴案例链接：教大家用Axure制作与系统时间匹配的时钟 – Axure中文网）
- 【获取年份的天干地支】：该案例可获取任意年份的天干地支年，使用LVAR.substr()函数，并使用特殊算法。可快速获取天干地支年。
- 【窄垂直滚动条】：axure8的动态面板的滚动条在windows系统中很宽、很丑，影响页面交互，本案例为自制垂直滚动条，这样就可以在axure8版本中显示细窄的滚动条了。核心方法是用[[Cursor.y]]获取鼠标的Y值，并对动态面板进行移动。
- 【数字键输入手机号】：模拟真实手机按键，直接点击即可输入手机号码。附带清空和删除最后输入的一位数功能。每个按钮点击的时候都会使用变量[[jieguo*10+anniu]]，此方法可保留之前输入的数字。非常NICE。
- 【获取当前时间】：可获取当前的年月日、星期、时分秒数据。直接使用[[Now.getFullYear()]]年[[Now.getMonth()]]月[[Now.getDate()]]日 星期[[Now.getDay()]] [[Now.getHours()]]:[[Now.getMinutes()]]:[[Now.getSeconds()]]即可。
- 【检测身份证号所属人的性别】：检测输入的身份证号的所属人的性别。核心就是使用[[LVAR.substr()]]、和取余运算来判断性别。
- 【数字随另一个数字变动】：使用[[LVAR.slice(0,-1)]]函数来获取数量，从来让价格根据数量变动。记着要设置数量的最小值和最大值。通过点击加减号即可。
- 【转盘活动】：该转盘亮点在于在一定范围内旋转的角度是随机的。这要归功于Math.random()函数的使用。可让结果每次都不相同，更直观地说明转盘的交互和功能。
- 【九宫格抽奖】：轮动抽奖，可直观显示出今日剩余抽奖次数，剩余抽奖次数若为0，则不能继续抽奖。动态面板的使用是基础。希望能帮助到您。
- 【百分号转化为小数】：可将页面的百分号转化为小数，例如10%→0.1。分别使用到LVAR.replace()、LVAR.substring()、Math.floor()函数等。可运用在商城等项目中。
- 【中继器】：最基础的中继器，实现数据的增删改查功能。可以不熟，但不可以不会。
- 【输入法中表情、语音、键盘的相互切换】：一个新颖的键盘交互方式。语音、键盘、表情包、展开更多功能。
- 【翻牌抽奖】：该交互优势在于巧妙运用隐藏和显示，将开奖变得更立体。游戏项目中或许可以用得到。
- 【背景图滚动】让背景图滚动起来，产生一种物体（汽车）在运动的错觉。可以让游戏交互更直观。
- 【banner图切换】合理设置动态面板的大小、数量以及面板中的状态数量，可以让切换看上去更自然。一定要在案例中查看体验哦。
- 【进度条1】：进度条显示相匹配的进度条百分比，高端大气上档次。图层的相互遮挡与显示非常重要。
- 【进度条2】：进阶进度条，可实现每次的进度都不一样，从而分数也不一样。适用于分数、安全性测试等。
- 【在任意两个值之间生成随机数】：大家都知道Math.random()函数，但如何在两个任意值之间生成随机数，我来告诉您。
- 【正多边形】：可能是全网独一份，每个正多边形都是经过严格计算，绝对正多边形，直接复制即可使用。放大缩小任君操控。合并、去除、相交、排除等布偶运算才让形状如此完美。
- 【放大缩小图片】：通过滑块的滑动来放大缩小图片。
- 【从中继器中获取内容实现滚动弹幕效果】：获取中继器中的内容。
- 【键盘按键交互】：实现键盘按键交互。
- 【设置账号密码】：设置账号密码。
- 【摄氏度华氏度转换】：通过算数运算实现摄氏度与华氏度的转换。
- 【拖动进度条实现元素亮暗的调整】：通过动态面板的拖动调整页面透明度，从而实现页面亮暗变化的调整。
