couche créé est vide, même après que le contenu lui attribuant

Question

Je viens d'essayer de faire un prototype rapide suivant ce tutoriel:

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

J'utilise ma propre conception pour cela, le problème est le suivant:

Lorsque je crée un nouveau calque time 8:13 of the posted video et que j'essaie de définir l'un de mes calques importés comme le contenu de ce nouveau calque en utilisant la propriété image, je n'obtiens aucun résultat.

Si j'apporte ce nouveau calque à l'écran, je ne vois que du fond noir avec transparence, selon le tutoriel, il devrait avoir la couche que je lui ai assignée via la propriété image.

Voici un exemple de mon code:

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)" 

Voici également une capture d'écran de mes couches

https://gyazo.com/f3fccf7f38813744ea17d259463fabdc

Answer 1

Framer toujours importer des groupes sur la page sélectionnée de croquis, et tous les groupes de cette page seront transformés en calques disponibles directement sur l'objet d'esquisse. En outre: vous définissez maintenant l'image d'un calque sur un objet de calque lui-même, au lieu de l'image de la couche d'esquisse.

Donc, pour le faire fonctionner, vous devez faire deux choses:

1. place tous les éléments que vous souhaitez utiliser sur la même page dans Sketch
2. Après l'importation, l'accès à ces éléments directement à partir de l'objet d'esquisse (donc sketch.explore_group au lieu de sketch.explore.explore_group)
3. Utilisez l'image du calque d'esquisse ou utilisez le calque d'esquisse lui-même dans votre prototype.

Voici un exemple comment cela ressemblerait:

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)" 

Ou encore plus court, et avec un 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)