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
GreatEmerald
Registered Member
Posts
84
Karma
0
OS
With the desktop screenshot you had there: that's exactly what I meant when I mentioned that active tabs could have their upper borders be blue. It would be fitting with the taskbar window indicators.

I don't think the checked/unchecked interaction works well in that screenshot. For the radio buttons, it would be fine if the surrounding border was not blue but grey, as when it's not selected (because both borders and contents inside them changing colour on selection is just odd). Even more so for the checkbox, where the border outright disappears when checked. A blue checkmark in a white background would probably look better.

Also, is that a gradient I spy on the button? Yes! ;D

Another thing you seem to have forgotten is the separator between the numbers and the arrows.

And what's a "tool button", anyway?

But yes. Progress!
Tuukka
Registered Member
Posts
69
Karma
0
OS
GreatEmerald wrote:I don't think the checked/unchecked interaction works well in that screenshot. For the radio buttons, it would be fine if the surrounding border was not blue but grey, as when it's not selected (because both borders and contents inside them changing colour on selection is just odd). Even more so for the checkbox, where the border outright disappears when checked. A blue checkmark in a white background would probably look better.

When you hover a radio button or a check box its border gets a blue tint. So I think it's quite logical that it stays blue when you activate it. Also I think it looks better when it's all blue than if you have a grey border. Same goes for the check box, I think it's quite pretty now.

GreatEmerald wrote:And what's a "tool button", anyway?

A toolbar icon, for example.
User avatar
GreatEmerald
Registered Member
Posts
84
Karma
0
OS
Tuukka wrote:When you hover a radio button or a check box its border gets a blue tint. So I think it's quite logical that it stays blue when you activate it. Also I think it looks better when it's all blue than if you have a grey border. Same goes for the check box, I think it's quite pretty now.


Ah, I see. But then what happens if you hover over a selected radio button? Nothing?
Tuukka
Registered Member
Posts
69
Karma
0
OS

Re: [Widget Style] Qt Quick Controls

Thu Apr 17, 2014 10:10 am
GreatEmerald wrote:
Tuukka wrote:When you hover a radio button or a check box its border gets a blue tint. So I think it's quite logical that it stays blue when you activate it. Also I think it looks better when it's all blue than if you have a grey border. Same goes for the check box, I think it's quite pretty now.


Ah, I see. But then what happens if you hover over a selected radio button? Nothing?

The blue color on hover is lighter than normally (both for selected and unselected buttons).
Blingy
Registered Member
Posts
60
Karma
0

Re: [Widget Style] Qt Quick Controls

Thu Apr 17, 2014 12:00 pm
alake wrote:



I hope that ugly cashew on the top right won't make it into the final version :|
User avatar
edmael
Registered Member
Posts
23
Karma
0
OS

Re: [Widget Style] Qt Quick Controls

Thu Apr 17, 2014 12:15 pm
Blingy wrote:
alake wrote:



I hope that ugly cashew on the top right won't make it into the final version :|


I totally agree with you, but as far as I know, the Cashew is themed by the Plasma theme and not by the Qt Quick Controls.
Blingy
Registered Member
Posts
60
Karma
0

Re: [Widget Style] Qt Quick Controls

Thu Apr 17, 2014 12:23 pm
edmael wrote:
Blingy wrote:
alake wrote:



I hope that ugly cashew on the top right won't make it into the final version :|


I totally agree with you, but as far as I know, the Cashew is themed by the Plasma theme and not by the Qt Quick Controls.


I know, but since he posted a whole screenshot, I just had to point that out. :)
User avatar
colomar
Registered Member
Posts
947
Karma
2
OS
The logo for Plasma Next has not been finished yet, but I'm sure it will replace the "Cashew" when it's done.
User avatar
lazyit
Registered Member
Posts
125
Karma
0
OS
colomar wrote:The logo for Plasma Next has not been finished yet, but I'm sure it will replace the "Cashew" when it's done.

@colomar i don't think here proble is the lofo of "Cashew" but the utility of "Cashew" >:D
Tuukka
Registered Member
Posts
69
Karma
0
OS
lazyit wrote:
colomar wrote:The logo for Plasma Next has not been finished yet, but I'm sure it will replace the "Cashew" when it's done.

@colomar i don't think here proble is the lofo of "Cashew" but the utility of "Cashew" >:D

If you wish to discuss the cashew, please start a new thread for it to keep this conversation on topic. Let's discuss the controls here, not plasma desktop or window decorations. (For the record, I've never had any problem with the cashew and find it quite annoying that someone always has bring it up even if it's totally off-topic).
User avatar
lazyit
Registered Member
Posts
125
Karma
0
OS
Tuukka wrote:
lazyit wrote:
colomar wrote:The logo for Plasma Next has not been finished yet, but I'm sure it will replace the "Cashew" when it's done.

@colomar i don't think here proble is the lofo of "Cashew" but the utility of "Cashew" >:D

If you wish to discuss the cashew, please start a new thread for it to keep this conversation on topic. Let's discuss the controls here, not plasma desktop or window decorations. (For the record, I've never had any problem with the cashew and find it quite annoying that someone always has bring it up even if it's totally off-topic).

@Tuukka
Sorry you are right is off topic ;)
User avatar
lucashappy
Registered Member
Posts
43
Karma
0
OS
It's looking so pretty, I'm in love with it!
I agree with @GreatEmerald about tha active tab blue highlight. Bring it back! And maybe the gray background of the inactive tabs could be lighter because a dark gray makes them too proeminent.
User avatar
verbalshadow
Registered Member
Posts
52
Karma
0
OS

Thu Apr 17, 2014 4:16 pm
I really like the progress so far. There is one thing that bugging me right now is the checkmark in the checkbox. It is the wrong visual weight. Its like a welterweight in a heavy weight match especially when compare to the dot in radio button. Three easy fixes: make the dot smaller, beef up the checkmark, or replace the checkmark with something else. Maybe, a square imitating the radio button or a X. I personally think making it bolder/thicker/beefer is the right choice but I'm also fine with replacing it. I didn't see how to make it thicker or i would have done it myself.

@Tuukka
Thank you, for doing a much better job with the idea than i did. I like it much better than mine. The inner ball makes it feel like it is rotating but it also makes it feel more 3D like the lighting is changing directions. I played with the size and color of the inner ball and found that nothing i did made it feel any more consistent or better. Good news though, when I comment out the inner ball the issues i had with went away. I think that it does not need the inner ball to still give the sense that it is rotating and it now fits with the style better.

Image

Where is there a good qml tutorial? Especially with things like checkmark which i don't see listed in the qml docs.

Is there going to be widget style that allows directly using this and future qml themes?


verbalshadow, proud to be a member of KDE forums since 2008-Nov.
User avatar
pedrorodriguez
Registered Member
Posts
115
Karma
0
OS
Maybe tabs could be highlighted using a blue line (for active tab) and a grey one (for inactive ones), like the task manager in the new breeze theme
Paulms
Registered Member
Posts
6
Karma
0
OS
I really love the result of the first tab :) !!! The busy indicator is progressing good too.
I experiment with a background behind the dropdown marks of the comboBoxes:
Image


Bookmarks



Who is online

Registered users: bancha, Bing [Bot], Evergrowing, Google [Bot], lockheed, mesutakcan