七、函数案例(9小时10分钟)
对函数案例进行大量的练习,需要首先学会前面的内容,要不然不熟悉正常操作直接做的话一定会很爆炸。在这里前面的各种操作会经受24个案例的洗礼,变得使用纯熟。由于经过了前面的学习,使用本书的技巧大家已经掌握,所以做法我一般就直接说做一遍就行了。意思就是用使用本书的习惯,在axure8中自己手顺一遍,做出来最主要的功能即可,不需要刻意记忆。
Axure高保真秘笈总述:https://www.jianshu.com/p/cfbc3a7b3f73
1案例37、38、39(50分钟)
长度与宽度的函数,This、Target、text、x、y函数
·做法
1、案例37按步骤制作原型
2、案例38翻回案例26看一眼,继续很简略的做一下就行
3、案例39按步骤制作原型
·说明
1、函数说明部分在日后工作使用时方便查阅
2、案例39,移动的相对位置和绝对位置要注意一下,选相对位置就不对了,会乱移
3、函数大小写要打对
2案例40(20分钟)
left、right、top函数
·做法
1、把案例14的所有元件都复制过来
2、按照操作做一遍
·说明
1、按住Ctrl可以增加点选或者取消点选的元件
2、如果案例14删了重新做可能会发现自己还是不熟练,或者没有印象改怎么做原来的,没有关系,不用管,之后自动就好了。
3案例41(20分钟)
name函数
·做法
照着做就行
·说明
现在应该已经到了一个舒适期,使用本书的效率大大提高,脑子也不会很难受了。
4案例42(30分钟)
PageName函数
·做法
照着做就行
·说明
顶上的导航好好一弄,下面的图片随便一弄随便拖个元件代替一下就行
5案例43(20分钟)
Window.scrollY函数
·做法
照着做就行
·说明
1、动态面板中也可以只拖一个占位符,外面也来个大型占位符,具体操作只有一个,其他的元件摆放想做就做,低保真没做过的话可以凭兴趣做一些。
2、整个功能就是判断一下元件高度和页面高度,符合条件了就跟着滚动,很简单
3、这个滚动起来会闪屏不太好
6案例44(20分钟)
windows.height函数
·做法
照着做就行
7案例45(50分钟)
商品细节查看效果,指针函数:Cursor.x和Cursor.y,是获取鼠标当前位置的函数
·做法
照着做就行
·说明
1、分析思路长的爆炸,可以后看,但是思路分析4要看一下,明确元件的大小关系,这个错不得
2、这些效果越来越炫酷了,每一次做完我都忍不住要欣赏一会
8案例46(30分钟)
tofixed()
·做法
照着做就行
·说明
1、第三步的296是根据自己的动态面板的宽度设置的
2、第五步的思想在思路分析5里
3、动态面板应该比框框大一点,要不然拖不到
4、DragTime中间没有空格
5、我依旧做的很简单
9案例47(40分钟)
Math.floor()、Math.random()
·做法
照着做就行
·说明
1、LoopPanel是做循环效果的元件,在预览页面里是不出现的
2、操作步骤第15步,那一串很长的代码就是一段代码×4,为的是模拟一串随机验证码,懒得弄的话也可以只打一个
10案例48(30分钟)
Math.min、Math.abs函数
·做法
照着做一遍就行
·说明
这个打公式打的让人头皮发麻,可以多用插入公式,4个套路都是一样的,做一遍就知道是啥意思了。
11案例49(30分钟)
Item、indexOf()
·做法
照着做就行
12案例50、51(40分钟)
text、charAt()、substr()
·做法
照着做就行
13案例52(20分钟)
Length()、substring()
·做法
照着做就行
·说明
1、这个公式很容易打错,如果打错了就多打几遍
2、做到操作步骤第三步后可以先看看补充说明
14案例53(20分钟)
split()、concat()、replace()
·做法
把案例24复制过来,然后照着做就行
·说明
这个主要是描述了怎么用文本分割函数,感觉一般不会这样用,反而比原来的复杂多了
15案例54、55(60分钟)
slice()、concat()、Math.floor()
·做法
1、案例54:打开案例35复制过来,然后照着做就行
2、案例55:不做了,这个一时半会用不上做了一会也忘了,和没做一样。看一遍,主要看一下案例效果和函数说明就行了
·说明
案例54的公式比较复杂,很容易打错,细心一点,我打错了半天当时,打错不识别,如下图:
17案例56、57、58、59、60(70分钟)
IsFirst\length\substr
·做法
照着做两个到三个就行,其他的扫着看一下,主要看案例效果和后面的公式
·说明
这么复杂的交互一般用不上,如果没有快速用上的话两下就忘了,练习一两个留一个印象就好,主要也练习了原来那些常见的操作。