слой создается пустой, даже после назначения в него содержимое

Question

Я просто пытаюсь сделать быстрый прототип после этого урока:

https://www.youtube.com/watch?v=3zaxrXK7Nac

Я использую свой собственный дизайн для этого, проблема заключается в следующем:

Когда я создаю новый слой time 8:13 of the posted video, и я пытаюсь установить один из моих импортированных слоев в качестве содержимого этого нового слоя, используя свойство image, я не получаю результатов.

Если я принесу этот новый слой на экран, я могу видеть только черный фон с прозрачностью, в соответствии с учебником, он должен иметь слой, который я назначаю ему через свойство изображения.

Вот пример моего кода:

sketch = Framer.Importer.load("imported/Untitled@2x") 

explore_layer = new Layer 
    width: 750 
    height: 1334 
    image: sketch.explore.explore_group 
    x: screen.width 


sketch.Tab_3.on Events.Click, -> 
    explore_layer.animate 
     properties: 
      x: 0 
      y: 0 
     curve: "spring(400, 35, 0)" 

Здесь также скриншот моих слоев

https://gyazo.com/f3fccf7f38813744ea17d259463fabdc

Answer 1

Framer всегда будет импортировать группы в выбранной странице эскиза, и все группы на этой странице преобразуются в слои, доступные непосредственно в объекте эскиза. Также: теперь вы устанавливаете изображение слоя на объект слоя, а не на изображение слоя эскиза.

Так, чтобы заставить его работать, вам нужно сделать несколько вещей:

1. Поместите все элементы, которые вы хотите использовать на той же странице, в Sketch
2. После импорта доступ к этим элементам непосредственно из объекта эскиза (так sketch.explore_group вместо sketch.explore.explore_group)
3. Используйте изображение слоя эскиза или используйте слой эскиза в своем прототипе.

Вот пример того, как это будет выглядеть, что:

sketch = Framer.Importer.load("imported/Untitled@2x") 

explore_layer = new Layer 
    width: 750 
    height: 1334 
    image: sketch.explore_group.image 
    x: screen.width 


sketch.Tab_3.on Events.Click, -> 
    explore_layer.animate 
     properties: 
      x: 0 
      y: 0 
     curve: "spring(400, 35, 0)" 

Или еще короче, и с updated animation syntax:

sketch = Framer.Importer.load("imported/Untitled@2x") 

sketch.explore_group.x = screen.width 

sketch.Tab_3.on Events.Click, -> 
    sketch.explore_group.animate 
     x: 0 
     y: 0 
     options: 
      curve: Spring(tension:400, friction:35)