Color from C++ to QML

soulgen · ‎02-11-2013

Hi all,

I'm trying to insert color from C++ to QML. I'm invoking a simple function

C++:

Q_INVOKABLE Color getColor() { return Color::fromARGB(0xfffd749e); }

QML:

Container {

background: customColor.getColor()

}

but nothing happend. What i'm doing wrong? What object i should return from getColor() function?

soulgen · ‎02-11-2013

In additional I tryed to use JavaScrit function

function getColor(){
return Color.Black;
}

Container {
background: getColor()
}

But it doesn't work and i have no idea why? Any help?

dishooom · ‎12-31-2012

This should work

Container {
background: getColor()

.................................

function getColor(){
return Color.Black
}
}

xtravanta · ‎03-25-2011

just wondering why not use the default color from qml?

background: Color.create("AARRGGBB")

soulgen · ‎02-11-2013

I need a function to get color from the name. This function should works not only within this container. The aim is prevent a lot of copy-paste code.

Zmey · ‎12-18-2012

Hi,

I tried to run the code from the first message and it works. The color changes.

This is what I've done:

In QML:

label.textStyle.color = app.getColor();

In Test.hpp:

#include <bb/cascades/Color>
...
class Test : public QObject
{
    Q_OBJECT
...
public:
    Q_INVOKABLE bb::cascades::Color getColor();
}

In Test.cpp:

Test::Test(bb::cascades::Application *app)
: QObject(app)
{
    QmlDocument *qml = QmlDocument::create("asset:///main.qml").parent(this);

    qml->setContextProperty("app", this);
    AbstractPane *root = qml->createRootObject<AbstractPane>();
    app->setScene(root);
}

...

Color Test::getColor()
{
	return Color::fromARGB(0xfffd749e);
}

Make sure you're setting the qml context before creating the root object.

soulgen · ‎02-11-2013

Thanks, It's works for a single container! But I missed to say, that I tryed to invoke this function in ListItemComponent. And it still doesn't works

nhuanvd · ‎12-11-2012

You should add color code for every item to DataModel and use html and css for your text.

ListItemComponent {
	Label {
		text: "<html><span style=\"color: #" + ListItemData.textcolor + ";\">" + ListItemData.text + "</span></html>"
	}
}

Welcome!

Cascades Development

Color from C++ to QML

Re: Color from C++ to QML

Re: Color from C++ to QML

Re: Color from C++ to QML

Re: Color from C++ to QML

Re: Color from C++ to QML

Re: Color from C++ to QML

Re: Color from C++ to QML