[Solved] QML LinearGradient along the x-axis

GoKuNiX

Following the documentation of "QtGraphicalEffects":https://qt-project.org/doc/qt-5.1/qtgraphicaleffects/qml-qtgraphicaleffects1-lineargradient.html#start-prop I tried to create a gradient along the x-axis.

At first this seems like something that is easy to do.

When changing the value of the end-property from
@end: Qt.point(0, 300)@
to
@end: Qt.point(300, 0)@
I am still left with the same gradient along the y-axis.

Full code:

@
Item {
id: vrect
height: 300
width: 300

    LinearGradient {
        anchors.fill: parent
        start: Qt.point(0, 0)
        end: Qt.point(300, 0)

        gradient: Gradient {
            GradientStop { position: 0.0; color: "red" }
            GradientStop { position: 1.0; color: "green"}
        }
    }
}

@

Result:

![URL=http://imgur.com/boNgC7R][IMG]http://i.imgur.com/boNgC7R.png[/IMG][/URL]!

Am I missing something obvious here?

p3c0

Hi,

Your posted code works for me. Are you sure you are calling the right QML file ?

GoKuNiX

Yes, the code works; but it should be left to right, not top to bottom...

p3c0

It is from Left to right.

!http://i40.tinypic.com/296bswz.png(Result)!

GoKuNiX

That's weird.

What version of Qt are you using?
I tried with Qt 5.1.1 and 5.2 beta, both with the same result.

p3c0

Qt 5.1.0

GoKuNiX

Ok,

I forgot to reply to your earlier question about calling the correct qml file.
I was using an empty project with the code directly in the application window, so this could not be an issue.

Now I now for sure its not a code issue I'll try some other venues in an attempt to resolve this (different project type / different Qt version / Qt without openGL / ...)

I'll also try on another PC since this one has some company group policies applied to it.

I'll post my findings as soon as I have resolved this issue.

Anyways, thank you for your help.

GoKuNiX

Solved by uninstalling all versions of Qt and reïnstalled 5.2 beta1.

I guess something got broken while having different versions installed.

surfsky

Hello, do u solved this problem?
I have the same trouble, my qt version is 5.4

surfsky

Hello, do u solved this problem?
I have the same trouble, my qt version is 5.4

surfsky

Another question: how to insert, delete .... the Gradient.stops by javascript? I try every codes, but doesn't work T_T

surfsky

Another question: how to insert, delete .... the Gradient.stops by javascript? I try every codes, but doesn't work T_T