首页 >>  正文

最贵的橡皮擦多少钱

来源:baiyundou.net   日期:2024-07-08

橡皮擦的擦除效果是系统常见的效果,本文以会议刮奖原型为案例,分析如何在Axure中制作橡皮刷的效果,一起来看一下吧。

橡皮擦的擦除效果是系统常见的效果,在可以画图编辑的系统中或者是在抽奖刮奖的系统中非常常见。所以今天和大家分享在Axure中如何制作橡皮刷的效果,我们会议刮奖原型为案例,教大家制作出一个刮奖效果的高保真原型模板。

一、效果展示

1、鼠标移入对应区域,拖动鼠标可以刮开上层,查看中奖信息;

2、刮奖区域和中间图案是随机抽取生成的,所以每次中间图案和刮去图案金额都是随机的;

3、能根据随机的中奖图案和刮出的随机图片自动计算出中奖金额。

二、制作教程

这个原型模板主要分成4个区域,刮奖区、中奖图案和中奖金额和覆盖在上方的可刮区。

1. 中奖图案

放置一个动态面板,面板里增加多个状态,每个状态对应一张动物图片,案例中是7种动物,所以需要7个状态,每个状态用1~7的数字分别命名,因为在载入时,我们会通过随机数抽取一个1-7之间的数,这里我们用random函数就可以随机抽取一个0-1之间的随机数,然后我们乘以7,相当于获取一个0-7之间的随机数,最后用Math.ceil(x)函数向上取整就可以获取到0-7之间的随机整数。

我们用一个默认隐藏的文本记录这个整数,然后设置面板状态进入和这个随机数一样的状态页。

最后我们用添加行的交互,对刮奖区的中继器添加12行,每行同样用上述的方便设置一个0-7的随机整数到Column0中。

2. 中奖金额区

中奖金额很简单,就是一个元宝图标和文本标签组成。

3. 刮奖区

我们用中继器来制作,中继器内部放置一个动态面板,面板里增加多个状态,每个状态对应一张动物图片,案例中是7种动物,所以需要7个状态,每个状态命名,方便后续交互,案例中是用1~7的数字分别命名,后续会通过随机函数获取一个0-7的随机数,从而显示对应的图案。这里和上面中奖图案的动态面板是一致的。

另外还需要,下方增加一个金元宝图标和文本标签。

中继器表格里默认Column0列即可,因为中奖区是12个内容,上面在中奖图案载入的时候,就新增了12行,Column0列里的随机整数。所以在中继器每项加载时,我们用设置面板状态的交互,设置面板状态到和Column0的随机整数一致的页面,然后我们还要设置一个随机金额,同理我们用random函数获取一个随机金额,案例中是1-999元。

然后我们要设置中间金额的值了,中继器第一行加载的时候,中奖金额的文本是0,所以我们可以写条件,如果前面中间图片抽取的随机数字,和column0列随机抽取的数字一致,就代表抽中了,所以我们就把该行随机抽取的中间金额+他原来的值。例如第1行抽中100,中奖金额0+100=100,第二行没抽中,所以中奖金额是100,第三行抽中了205,中奖金额=205+100=305……

这样随机抽取图案,以及自动计算中奖金额就完成了,最后我们要做覆盖在上方的可刮区。

4.可刮区

底部我们用多个正方形矩形拼在一起,如下图所示:

案例中是10*10的矩形,大家可以根据需要修改,矩形越少效果越好,但是矩形太小就会导致矩形数量和交互增多,容易导致卡顿。

上方是我们的橡皮刷,我们用矩形制作即可。

最上面我们要放一层动态面板,因为只有动态面板有拖动的效果。

鼠标移入动态面板就显示橡皮刷,移出就隐藏。

然后做一个橡皮刷跟随鼠标移动的交互,我们可以用cursor函数获取鼠标的实时坐标,然后减去橡皮刷一般的高度或者宽度,就可以让橡皮刷的中心点跟随鼠标。

鼠标拖动时,我们先用移动的交互,让橡皮刷跟随鼠标拖动,然后在设置条件,如果橡皮刷碰到第一个正方形,我们就用隐藏的交互,设置第一个正方形隐藏,如果碰到第2个正方形,我们就用隐藏的交互,设置第2个正方形隐藏……一次类推直到最后一个。

我们完成一个后,可以复制多两个,分别放在三个区域上面即可。

5.其他元件

其他元件,其实就是美化的元件,包括背景、图标、分割线、文字等内容,大家可以根据自己需要添加。

这里还涉及再来一次的按钮,这个按钮点击后,其实我们需要将页面还原。一般人会用显示的操作显示所有矩形,然后用删除行删除刮奖区里所有的行,在触发中奖图片区载入的交互,这样相当于重新随机。但是我们可以不用这么麻烦,直接一个打开链接,选择刷新页面即可。

这样我们就制作完成了,下次使用时,我们只需要在动态面板里修改中奖图片,就可以直接使用了,如果用橡皮刷区域可以直接复制使用。

那以上就是本期教程的全部内容,感兴趣的同学们可以动手试试哦,感谢您的阅读,我们下期见。

本文由 @AI产品人 原创发布于人人都是产品经理,未经许可,禁止转载

题图来自 Unsplash,基于 CC0 协议

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。

","force_purephv":"0","gnid":"9f00e690f9738ccf0","img_data":[{"flag":2,"img":[{"desc":"","height":"420","title":"","url":"https://p0.ssl.img.360kuai.com/t01f505cb9a57487166.jpg","width":"900"},{"desc":"","height":"571","s_url":"https://p0.ssl.img.360kuai.com/t01404006bdbe1f2fa5_1.gif","title":"","url":"https://p0.ssl.img.360kuai.com/t01404006bdbe1f2fa5.gif","width":"515"},{"desc":"","height":"169","title":"","url":"https://p0.ssl.img.360kuai.com/t01f1eed8d4c2ac98d4.jpg","width":"288"},{"desc":"","height":"275","title":"","url":"https://p0.ssl.img.360kuai.com/t019462c33c0b7055c4.jpg","width":"350"},{"desc":"","height":"544","title":"","url":"https://p0.ssl.img.360kuai.com/t0184670179a64c4f36.jpg","width":"641"},{"desc":"","height":"152","title":"","url":"https://p0.ssl.img.360kuai.com/t01979f564a354c309e.jpg","width":"140"},{"desc":"","height":"332","title":"","url":"https://p0.ssl.img.360kuai.com/t010e376638ee3315a8.jpg","width":"259"}]}],"original":0,"pat":"art_src_3,fts0,sts0","powerby":"hbase","pub_time":1677755640000,"pure":"","rawurl":"http://zm.news.so.com/efa3bd5adbdabef36be8a1e0da409ea6","redirect":0,"rptid":"e18461d28a928972","rss_ext":[],"s":"t","src":"人人都是产品经理","tag":[],"title":"Axure高保真教程:橡皮擦的擦除效果——刮奖原型

宣奚丹2110买一块橡皮和一个日记本共付了8元钱,已知日记本比橡皮贵2元,一块橡皮多少钱?一个日记本多少钱? -
计任饶18761886464 ______[答案] 橡皮的价格 (8-2)÷2 =6÷2 =3(元) 日记本的价格 8-3=5(元) 答:一块橡皮3元钱,一个日记本5元钱.

宣奚丹2110逛文具店.(1)每个文具盒多少元?(2)文具盒的价钱是橡皮擦的12倍,橡皮擦的价钱是多少?(3)书包的价钱比文具盒的4倍还多了5元,书包的价钱是多... -
计任饶18761886464 ______[答案] (1)36÷3=12(元) 答:每个文具盒12元. (2)12÷12=1(元) 答:橡皮擦的价钱是1元. (3)12*4+5=53(元) 答:书包的价钱是53元. (4)问题:文具盒比橡皮擦贵多少元? 12-1=11(元) 答:文具盒比橡皮擦贵11元.

宣奚丹2110尺子和橡皮擦2元5角,铅笔和橡皮擦1元5角,尺子比铅笔贵多少钱? -
计任饶18761886464 ______ 由题意可得尺子的价格x橡皮的价格y铅笔的价格z则有x+y=2.5 z+y=1.5 x-z=1所以尺子比铅笔贵1元.

宣奚丹2110素描橡皮多少钱? -
计任饶18761886464 ______ 像画好一张素描!!经常用橡皮去修改是不可取的!!画好一幅素描!!橡皮不仅仅是修改工具!!也是一只很好的笔!!所以买橡皮的选择是越软越好!!擦一下不要掉好多的像皮靴下来!!所以建议买好一点的橡皮使用!!通常在5到10快钱之间!!

宣奚丹2110正方体的橡皮擦几何图形的橡皮擦多少钱
计任饶18761886464 ______ 现在的市价,两块钱应该能买到了.那种软绵绵的,但不是橡胶的橡皮比较适合学生.

宣奚丹2110炫舞里买爱情橡皮擦或买过一个戒指哪个更划算?爱情橡皮擦多少钱一个?
计任饶18761886464 ______ 如果你是擦最便宜的那个2580的戒指的话还是买橡皮擦划算、如果你要擦9900或10000以上的戒指还不如重新买一个、橡皮擦才几块钱不过是收券的、你擦了之后戒指就没了、擦掉一个10000的戒指还不是重新要买过一个?所以99块以上的戒指不建议擦

宣奚丹2110有一种美国的护肤品叫橡皮擦的祛皱护肤品.不知道什么牌子的.有些贵 -
计任饶18761886464 ______ Pentaxyl/平泰秀 这个橡皮擦吗 比较贵哦

宣奚丹2110日记本和像皮擦一共8元,日记本比像皮擦贵2 两元,日记本多少钱,像皮擦多少 -
计任饶18761886464 ______ 日记本1件(5元)、橡皮擦1件(3元)日记本1件(4元)、橡皮擦2件(2元)日记本1件(3.5元)、橡皮擦3件(1.5元)日记本1件(3.2元)、橡皮擦4件(1.2元)日记本1件(3元)、橡皮擦5件(1元)日记本1件(2.85元)、橡皮擦6件(0.85元)----这不太符合实际情况....设日记本x元,橡皮擦(x-2)元,其中n是代表日记本数量(整数),m是代表橡皮擦数量(整数);套用的公式:nx+m(x-2)=8;根据市面上橡皮擦的价格(按0.5元最低来算),可以推出n,m的范围:1≦n≦3,n=4的话那橡皮擦就是赠品(0元);1≦m≦11

宣奚丹2110老人头橡皮擦多少钱一块 -
计任饶18761886464 ______ 市场价一般都是两元钱.批发价更便宜.

宣奚丹2110一块橡皮多少钱? -
计任饶18761886464 ______ 1元左右,如果好用就需要4.5元

(编辑:自媒体)
关于我们 | 客户服务 | 服务条款 | 联系我们 | 免责声明 | 网站地图 @ 白云都 2024