Qooxdoo : 为单个小部件设置样式答案

【问题标题】：Qooxdoo : styling individual widgetsQooxdoo : 为单个小部件设置样式
【发布时间】：2012-01-24 18:53:33
【问题描述】：

将一些自定义样式应用于不符合主题默认样式的单个小部件元素的最便捷方法是什么？我仍然对装饰器的使用感到困惑。如何应用多个装饰器，例如。用于小部件元素的边框属性和背景。

我尝试过使用自定义装饰器，例如。：


        var titleBar = new qx.ui.container.Composite();
        titleBar.set({
            decorator : qx.ui.decoration.MBackgroundImage,
                        style : {
                backgroundImage : '/images/tbar.png'
                        }
        });

但我收到一个错误：

方法 setDecorator 中类 qx.ui.container.Composite 的属性装饰器出错，传入值“[Mixin qx.ui.decoration.MBackgroundImage]”：无效！

【问题讨论】：

标签： javascript qooxdoo

【解决方案1】：

你必须实例化一个合适的装饰器，而不是一个装饰器 mixin。例如。在你的情况下，这样的事情应该可以工作：

    var titleBar = new qx.ui.container.Composite();
    var myBackground = new qx.ui.decoration.Background();
    myBackground.setBackgroundImage("/images/tbar.png");
    titleBar.set({
        decorator : myBackground
    });

【讨论】：

【解决方案2】：

只有在使用“qx.Theme.define”定义装饰时才应该使用装饰 Mixins。

我认为定义自定义样式的更好方法是定义一个新外观键并将此键用于您的小部件。

var titleBar = new qx.ui.container.Composite(); titleBar.setAppearance("myApperanceKey");

【讨论】：