2

我们有这样的东西：

properties: {
    backgroundColor: "hsl(" + (i * 360 / 8) + ", 100%, 50%)",
    color: "black",
    lineHeight: window.innerHeight / 2 + 'px',
    textAlign: 'center'
}

famo.us 如何解析这个对象并将其作为内联样式插入到 html 中？

我们如何才能使其中一些属性实时更新，例如其他 famo.us 组件？

4

3 回答 3

0

查看“核心”中的 OptionsManager，然后查看一些使用它的基本对象，例如“引擎”。当调用“set(key, value)”时，OptionsManager 会发出“更改”事件，因此您可以在其上设置处理程序，然后检查“id”字段以获取更改的内容。“引擎”中有一个示例，用于寻找可以用作模型的“fspCap”的更改。您可以从事件的“值”字段中获取新值并实时更新您的视图/组件/小部件。

于 2014-05-21T05:16:39.120 回答
0

看看这里的文档

http://famo.us/docs/0.2.0/core/Surface

您可以setProperties (properties)根据事件使用它来更改它（查找Events）。

famo.us只是在同一级别解析所有内容，没有嵌套。也textAlign将text-align在 css 中。

于 2014-05-21T08:53:54.020 回答
0

如果您希望进行直接价值交换，HP 是正确的，但我认为您正在尝试制作动画，因此您应该查看 Transitionable：

https://famo.us/docs/transitions/Transitionable

https://github.com/Famous/guides/blob/master/dev/2014-04-09-animations.md

于 2014-08-12T09:05:45.997 回答