Skip to content

和小伙伴做一些自用的好用的Framer动效函数,主要用于游戏用户体验设计

Notifications You must be signed in to change notification settings

zhaihuangyao/UIKit_Framer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 

Repository files navigation

UIKit_Framer

和小伙伴做一些自用的好用的Framer动效函数,主要用于游戏用户体验设计。 安装方法:将UIKit.js 里的内容复制到Framer工程的任何地方就好了。

使用方法

1 点击效果

1 变暗按钮 darkButton(Array button_List)
```
#使用范例,为若干个按钮(或者任意图层)赋予点击变暗的效果
darkButton([按钮图层1,按钮图层2,按钮图层3])
```

2 变淡按钮 alphaButton(Array button_List)
```
#使用范例,为若干个按钮(或者任意图层)赋予点击变透明的效果
alphaButton([按钮图层1,按钮图层2,按钮图层3])
```

2 点击功能绑定

1 显示按钮,点击后显示某物 openButton(Array button_List, object tar_layer)
```
#使用范例,为若干个按钮(或者任意图层)添加点击之后打开目标图层的效果
openButton([按钮图层1,按钮图层2,按钮图层3],目标图层)
```

2 关闭按钮,关闭自己父图层 closeButton(Array button_List)
```
#使用范例,为若干个按钮(或者任意图层)添加点击之后关闭自己所在页面的效果
closeButton([按钮图层1,按钮图层2,按钮图层3])
```

3 批量防点穿 cantTouchPass(Array layer_list)        
```
#使用范例,让一些图层不会被点穿
cantTouchPass([图层1,图层2,图层3])
```

3 动画效果

1 快来点我效果 touchMe(object me)
```
#使用范例,让一个图层做弹性抖动
touchMe([图层1,图层2,图层3])
```

2 旋转效果 slowRotation(object me, int speed)
```
#使用范例,让一个图层做旋转动画
slowRotation(图层,旋转速度)
```

3 箭头效果 touchThis(object arrow, string direction)
```
#使用范例,让一个图层但方向晃动动画,晃动方向可以从“left”,“right”,“up”,“down”中选择一个
touchThis(图层,晃动方向)
```

4 行为

1. 批量隐藏 hiddenThem([Array layer_list)
```
#使用范例,让一些图层隐藏
hiddenThem([图层1,图层2,图层3])
```

5 MyFlow设计模式

觉得Frame自己的Flow不太好,就自己写了一个Flow框架,使用起来非常简易:
- 什么是MyFlow设计模式?
    - 就是幻灯片。
- 如何使用MyFlow设计模式?
    - 你在Sketch或者FramerDesign中随意摆放N个等于你屏幕大小的图层即可。
    - 然后你就可以用Flow跳转按钮和Flow返回按钮的语法在每个图层之间跳转了,非常懒人。

1 Flow跳转按钮,仅Flow设计模式下可以使用 gotoButton(Array button_List, object tar_layer)
```
#使用范例,让若干个按钮(或者任意图层),点击之后跳转到目标图层
gotoButton([图层1,图层2,图层3],目标图层)
```

2 返回按钮,仅Flow设计模式下可以使用 backButton(Array button_List)
```
#使用范例,为若干个按钮(或者任意图层)添加点击之后,返回上一个所在页面的效果
backButton([按钮1,按钮2,按钮3])
```

About

和小伙伴做一些自用的好用的Framer动效函数,主要用于游戏用户体验设计

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published