Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Framer X-屏幕/帧之间的自定义转换_Javascript_Reactjs_Transition_Framerjs - Fatal编程技术网

Javascript Framer X-屏幕/帧之间的自定义转换

Javascript Framer X-屏幕/帧之间的自定义转换,javascript,reactjs,transition,framerjs,Javascript,Reactjs,Transition,Framerjs,我最近深入研究了Framer X、Javascript和React,认为屏幕之间的自定义转换(在Framer中只是“帧”)缺少一些非常重要的东西 我想要实现的与MengTo在其教程中所做的类似(请参阅),即在两个屏幕之间创建自定义转换,如下所示: , 问题:与本教程不同,我不希望屏幕B的元素也位于屏幕A的层次结构中,以实现所需的效果。为什么?因为我们的设计师总是会创建一个单独的框架来可视化屏幕B 总体目标: 能够告诉屏幕A和屏幕B上的每个元素在事件发生时(例如,单击按钮)如何通过Framer I

我最近深入研究了Framer X、Javascript和React,认为屏幕之间的自定义转换(在Framer中只是“帧”)缺少一些非常重要的东西

我想要实现的与MengTo在其教程中所做的类似(请参阅),即在两个屏幕之间创建自定义转换,如下所示: ,

问题:与本教程不同,我不希望屏幕B的元素也位于屏幕A的层次结构中,以实现所需的效果。为什么?因为我们的设计师总是会创建一个单独的框架来可视化屏幕B

总体目标: 能够告诉屏幕A和屏幕B上的每个元素在事件发生时(例如,单击按钮)如何通过Framer Inspector设置动画(即随时间逐渐更改其属性)

我的方法

  • 创建移动/调整大小/淡入等元素的通用代码替代。为了在各种项目中可重用,并防止设计师必须编码,我需要参数(例如目标位置、目标大小等)可在检查器中调整->问题1:是否可以向检查器公开覆盖参数,如代码组件的
    属性控件
    do
  • 为同一元素分配多个代码覆盖,并根据事件触发不同的代码覆盖,例如,为“退出”和“进入”触发不同的代码覆盖屏幕转换->问题2:是否可以为一个元素分配多个代码覆盖,并在不同的事件中触发每个代码覆盖
  • 很好:创建一个自定义代码组件,使用
    children
    属性,并将其放置在屏幕a上,这样我就可以将其连接到画布上屏幕B上的相应组件。然后从屏幕B上的元素中获取两个组件具有共同点的所有属性,并将它们用作动画的目标值。这样,设计师就不必手动输入所有目标值。->问题3:我是否可以通过代码覆盖访问自定义组件中的这些目标值
  • 问题4:如果甚至可以达到预期效果,这种方法有意义吗?或者在Framer shop中是否有一个现有的Framer X库已经完成了我正在寻找的功能


    我只需要指向正确方向的指针,提前谢谢

    所以我从Framer社区的闲置空间得到了一些反馈。目前,使用成帧器X18无法实现所需的效果

    然而,我从Framer团队中得到了以下回复:

    这是我们产品团队提出的,我们很快就会介绍


    我必须看看这一改进是否能解决所有提到的问题。

    因此,我从Framer社区的闲置空间中得到了一些反馈。目前,使用成帧器X18无法实现所需的效果

    然而,我从Framer团队中得到了以下回复:

    这是我们产品团队提出的,我们很快就会介绍

    我必须看看这项改进是否能解决所有提到的问题