Question

我们有这样的事情：

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

famo.us如何解析此对象并将其作为内嵌样式插入html？

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

Answer 1

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

Answer 2

看一下这里的文档

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

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

famo.us只是在同一级别解析所有内容，而不是嵌套。 {c}中的textAlign也是text-align。

Answer 3

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

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

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

famo.us如何解析表面属性？

3 个答案: