在我的一些容器中,我想将 padding 和 gap 值绑定(bind)到一个变量,以便它们在我的应用程序中保持一致,我有以下代码
<s:VGroup gap="{MyCSSStyle.space}"
paddingLeft="{MyCSSStyle.space}"
paddingRight="{MyCSSStyle.space}"
paddingTop="{MyCSSStyle.space}"
paddingBottom="{MyCSSStyle.space}">
但是,如果我必须到处复制内联样式,那就不好了,是否可以在 CSS 中绑定(bind)值,这样我就可以实现这样的目标?
.myStyle {
gap: {MyCSSStyle.space};
paddingLeft: {MyCSSStyle.space};
paddingRight: {MyCSSStyle.space};
paddingTop: {MyCSSStyle.space};
paddingBottom: {MyCSSStyle.space};
}
<s:VGroup styleName="myStyle">
我试过了,但是编译器不允许我那样做绑定(bind)。
最佳答案
CSS 的绑定(bind)在 flex 中是不可能的。相反,您可以使用 actionscript 动态地提供 css,如下所示:
MXML:
<s:VGroup id="vgContainer" />
脚本:
vgContainer.setStyle("paddingLeft",MyCSSStyle.space);
vgContainer.setStyle("paddingRight",MyCSSStyle.space);
vgContainer.setStyle("paddingTop",MyCSSStyle.space);
vgContainer.setStyle("paddingBottom",MyCSSStyle.space);
希望,它会有所帮助。
关于css - 绑定(bind) MXML CSS 值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28779786/