FramerJS 笔记

Sketch导入

  1.从Sketch导入时，只能取到编组，需要先对编组命名，组的命名为英文字母

  2.只能导入一个画板

  3.画板位置（X，Y）必须为0,0

  4.导入前必须保存SK文件，否则无法导入

  5.导入的文件可以取到二级编组的组（理论上可以取到任何一个组）

  6.导入的图层大小和sketch中图层大小一样，可以调整framer中显示画面的大小

  7.没有编组的元素无法导入

语法

  1.严格遵循缩进，缩紧即为子项

循环

 for i in [0..10]

注意这里是从0开始，到10，一共11个

一般用于批量生成相似图层，使用i来调整属性的数值

Layers下的xx1到xx8的透明度为0这样写

for i in [1..8]

  Layers["xx#{i}"].opacity = 0

例子：

framerLayers = Framer.Importer.load "imported/Untitled"

for i in [1..8]

framerLayers["tu#{i}"].opacity = 0

framerLayers["tu#{i}"].scale = 0

framerLayers["tu#{i}"].rotation = 20

tuAnimate = (layer, time) ->

layer.animate

properties:

opacity: 1

scale: 1

rotation: 0

delay: time

curve: "spring(400, 40, 0)"

framerLayers.dianji.on Events.Click, ->

framerLayers.dianji.opacity = 0

for i in [1..8]

tuAnimate(framerLayers["tu#{i}"], i * 0.07)

数组

使用数组首先要声明数组 xx = []

把对象推入数组使用这句话 xx.push(被推入的对象)

数组经常和循环一起使用

取得数组第一个对象 xx[0]，数组的顺序和推入的顺序一样