This forum has been archived. All content is frozen. Please use KDE Discuss instead.

[Widget Style] Qt Quick Controls

Tags: None
(comma "," separated)
User avatar
garthecho
Registered Member
Posts
57
Karma
0
OS
Here's a basic QtCurve for it. This may be as close as QtCurve will allow.

https://dl.dropboxusercontent.com/u/31829917/Breeze.qtcurve
User avatar
alake
Registered Member
Posts
591
Karma
3
OS
garthecho wrote:Here's a basic QtCurve for it. This may be as close as QtCurve will allow.

https://dl.dropboxusercontent.com/u/31829917/Breeze.qtcurve


garthecho, you seriously rock! Thanks so so much. :-)
User avatar
marcogiannini
Registered Member
Posts
3
Karma
0
OS
garthecho wrote:Here's a basic QtCurve for it. This may be as close as QtCurve will allow.

https://dl.dropboxusercontent.com/u/31829917/Breeze.qtcurve


Thanks for this preview
User avatar
garthecho
Registered Member
Posts
57
Karma
0
OS
Not a problem. :)
User avatar
marcogiannini
Registered Member
Posts
3
Karma
0
OS
Can I ask a question? In the final version there will be a way to have the LibreOffice Calc tab a little higher for better read the text?

https://www.dropbox.com/s/v62t2c2lsqsb5sz/libre1.png
User avatar
garthecho
Registered Member
Posts
57
Karma
0
OS
This is only a very rough QtCurve version. The final will be completely different.
User avatar
marcogiannini
Registered Member
Posts
3
Karma
0
OS
Good, thanks for the reply
User avatar
GreatEmerald
Registered Member
Posts
84
Karma
0
OS
And I'm also pretty sure that those tabs are not stylable. LibreOffice some sort of its own graphics toolkit, which doesn't play all that well with theming to begin with.
User avatar
colomar
Registered Member
Posts
947
Karma
2
OS

Re: [Widget Style] Qt Quick Controls

Tue Apr 22, 2014 10:33 pm
You do rock, garthecho!

On my computer, LibreOffice Calc is completely broken with this QtCurve theme for some reason. It worked with the "Next" theme (though with even tinier worksheet tabs than the one marcogiannini showed), but with the Breeze theme, it just freezes :(
User avatar
garthecho
Registered Member
Posts
57
Karma
0
OS

Re: [Widget Style] Qt Quick Controls

Tue Apr 22, 2014 11:07 pm
Which QtCurve version do you use, Colomar? I'm on 1.8.14 without problems. QtCurve seems to have a few issues with new versions, lately.
User avatar
verbalshadow
Registered Member
Posts
52
Karma
0
OS

Wed Apr 23, 2014 5:16 am
Sorry, I have been busy. Ok, I have been thinking about tabs and playing with the style. After many attempts with ways to find something that looked nice and did not over use the highlight colour here is what i have come up with: a simple triangle in the left corner of the tab that is the highlight colour when select and slightly darker grey on inactive tabs. When hovered over the corner is still grey giving the impression of a folder system in a drawer. Comments, questions, any improvements or better ideas?

Image

Code: Select all
    tabViewStyle: TabViewStyle {
        frameOverlap: 1
        tabOverlap: 1
        tabsAlignment: Qt.AlignLeft
        tab: Rectangle {
            color: styleData.selected ? ColorUtils.blendColors(sysPalette.window, sysPalette.base, 0.3) :
                                        styleData.hovered ? ColorUtils.fullColorString(sysPalette.highlight, 0.2) : ColorUtils.fullColorString(sysPalette.windowText, 0.2)
            implicitWidth: Math.max(text.implicitWidth + 8, 80)
            implicitHeight: Math.max(text.implicitHeight + 8, 28)
            border.color: ColorUtils.blendColors(sysPalette.window, sysPalette.windowText, 0.25)
            border.width: styleData.selected ? 1 : 0
            radius: 2.5
            clip: true
            Rectangle {
                anchors.verticalCenter: parent.top
                anchors.horizontalCenter: parent.left
                width: 12
                height: 12
                color:  styleData.selected ? sysPalette.highlight : ColorUtils.blendColors(sysPalette.window, sysPalette.windowText, 0.25)
                rotation: 45
            }
            Text {
                id: text
                anchors.centerIn: parent
                text: styleData.title
                color: sysPalette.windowText
            }
            Rectangle {
                anchors.bottom: text.bottom
                anchors.horizontalCenter: parent.horizontalCenter
                width: text.implicitWidth
                height: 1
                color: sysPalette.highlight
                visible: styleData.activeFocus && styleData.selected
            }
            Rectangle {
                anchors.bottom: parent.bottom
                anchors.horizontalCenter: parent.horizontalCenter
                width: parent.width - 2
                height: styleData.selected ? 2 : 1
                color: styleData.selected ? ColorUtils.blendColors(sysPalette.window, sysPalette.base, 0.3) : ColorUtils.blendColors(sysPalette.window, sysPalette.windowText, 0.25)
            }
   }


verbalshadow, proud to be a member of KDE forums since 2008-Nov.
User avatar
verbalshadow
Registered Member
Posts
52
Karma
0
OS

Wed Apr 23, 2014 5:37 am
Something else that I noticed is that the theme does not standup equally well under other colour scheme that ship by defualt. Zion (reversed) being one of the examples the text on tab 3 being especially bad. I know that people can always make colour schemes that don't work but it should look good with what we ship. Anyway take a quick look at the ones that ship by default and see how they fair for you.


verbalshadow, proud to be a member of KDE forums since 2008-Nov.
User avatar
edmael
Registered Member
Posts
23
Karma
0
OS
garthecho wrote:Here's a basic QtCurve for it. This may be as close as QtCurve will allow.

https://dl.dropboxusercontent.com/u/31829917/Breeze.qtcurve


Ok, you officially rock!
Image
User avatar
colomar
Registered Member
Posts
947
Karma
2
OS
garthecho wrote:Which QtCurve version do you use, Colomar? I'm on 1.8.14 without problems. QtCurve seems to have a few issues with new versions, lately.


I'm using 1.8.18, so it could indeed be a version problem.
User avatar
garthecho
Registered Member
Posts
57
Karma
0
OS
LOL edmael! Just as soon as my mouse finger recovers from the 6 other window decorations I've been working on! :)


Bookmarks



Who is online

Registered users: bartoloni, Bing [Bot], Google [Bot], Sogou [Bot]