[Qt-creator] Tab UI in Projects mode to TreeView

Jochen Becher jochen_becher at gmx.de
Thu Jul 23 22:37:49 CEST 2015


No, what is shown on the screenshots cannot be done with CSS styling. It
might be possible with complex custom delegates but then you have to
implement a lot of code simulating other widgets within the delegate.

Some of the elements shown on the screen shots are not simple QLabels
but push buttons, menu buttons and even custom widgets. That is simply
not supported by tree views.

Of course it might not be needed to have such complex layouts and
collections of widgets in the tree view for the planned redesign of
project mode. I just want to say that I would like something "cool":
improved usability and still looking good.

Regards, Jochen


Am Donnerstag, den 23.07.2015, 13:10 -0500 schrieb Ariel Molina:
> I agree with Francois, a simple Treeview can be styled, also, for me,
> it will look more consistent with the rest of the QtC modes.
> 
> On Thu, Jul 23, 2015 at 1:08 PM, Typz <thetypz at gmail.com> wrote:
>         Just my two cents, but if there is nothing more complex, the
>         exact same look can be done very easily with a tree view and
>         simple style sheet or delegate...
>         
>         Back to the subject of moving the tabs to the side, I
>         personally have mixed feelings:
>         - I often have many projects loaded, which does not work well
>         with the tab-for-each-project UI; the side tree works very
>         well to improve this, and is more consistent with other modes
>         - but with many projects, having each category of project
>         settings in a subtree makes a very large tree, where I would
>         need to close/open each project to fit on screen...
>         
>         So maybe I would prefer to have s tree with only projects (and
>         possibly/eventually subprojects, if some settings are
>         available for them), and keep the second level tab for
>         settings category...
>         
>         --
>         Francois
>         
>         > On 23 juil. 2015, at 19:32, Jochen Becher
>         <jochen_becher at gmx.de> wrote:
>         >
>         > Hi,
>         >
>         > I attached 2 screenshots from our software that uses a
>         QScrollArea
>         > instead of a list view.
>         >
>         > The application is designed for a touch screen - that's the
>         reason why
>         > everything is big and the scroll bar is missing (we are
>         using a
>         > kinematic QScroller for the QScrollArea which hides itself
>         after
>         > scrolling has stopped).
>         >
>         > The QScrollArea contains a widget with vertical layout which
>         again
>         > contains more layouts, toggle buttons with radio behaviour
>         to simulate
>         > single selection and some more labels and buttons. Nothing
>         difficult to
>         > implement but very flexible in look and feel.
>         >
>         > Sorry, I am not a UI designer so I cannot provide mockups
>         for a new
>         > projects mode design. I just want to remember that QtCreator
>         is a show
>         > case for Qt possibilities and one can easily implement much
>         cooler
>         > widgets than classic tree view.
>         >
>         > Regards, Jochen
>         >
>         >
>         > Am Dienstag, den 21.07.2015, 07:18 +0000 schrieb Curtis
>         Mitch:
>         >>> -----Original Message-----
>         >>> From: qt-creator-bounces
>         +mitch.curtis=theqtcompany.com at qt-project.org
>         >>> [mailto:qt-creator-bounces
>         +mitch.curtis=theqtcompany.com at qt-project.org]
>         >>> On Behalf Of Jochen Becher
>         >>> Sent: Monday, 20 July 2015 7:48 PM
>         >>> To: de Sousa Diana
>         >>> Cc: <qt-creator at qt-project.org>
>         >>> Subject: Re: [Qt-creator] Tab UI in Projects mode to
>         TreeView
>         >>>
>         >>> Hi,
>         >>>
>         >>> I understand the basic idea of using a tree instead of
>         double tabs. I
>         >>> looked at the mockups and found it - boring. Can't you
>         implement
>         >>> something more exciting than a simple Tree Widget?
>         >>>
>         >>> In some of our projects at my company we use a QScrollArea
>         containing a
>         >>> widget with a vertical layout showing form widgets with
>         buttons heavily
>         >>> styled with CSS. A much clearer and cooler design is
>         possible than a
>         >>> tree view.
>         >>>
>         >>> Regards, Jochen
>         >>
>         >> Got a screenshot?
>         >>
>         >>>
>         >>> Am Montag, den 20.07.2015, 13:36 +0000 schrieb de Sousa
>         Diana:
>         >>>> Hi,
>         >>>>
>         >>>>
>         >>>> Yes, if this is the case (including the kits in the tree
>         structure)
>         >>>> then I could think again which icon could go with each
>         one. But I will
>         >>>> wait until there is a prototype / patch like that. The
>         patch we have
>         >>>> now is the more simple version :)
>         >>>>
>         >>>>
>         >>>> Br,
>         >>>> Diana
>         >>>>
>         >>>>
>         >>>>
>         >>>>> Hi Tasuku,
>         >>>>>
>         >>>>> You are right, the overall structure needs to take the
>         Kits into
>         >>>>> account and would look something like this:
>         >>>>>
>         >>>>> Project A
>         >>>>> - Kit 1
>         >>>>> -- Build
>         >>>>> -- Run
>         >>>>> - Kit 2
>         >>>>> -- Build
>         >>>>> -- Run
>         >>>>> - Editor
>         >>>>> - Dependencies
>         >>>>> - To-Do Settings
>         >>>>>
>         >>>>> The kits need to be part of the tree if you want to get
>         rid of the
>         >>>>> last tabbar.
>         >>>>>
>         >>>>> Best Regards,
>         >>>>> Tobias
>         >>>>
>         >>>> --
>         >>>> Diana de Sousa
>         >>>> Senior Graphic Designer
>         >>>>
>         >>>> The Qt Company
>         >>>> Email: diana.desousa at theqtcompany.com
>         >>>> Gsm: +358 452 752 677
>         >>>>
>         >>>>
>         >>>> About The Qt Company:
>         >>>>
>         >>>>
>         >>>> Website  ||  Blog  ||  Facebook
>         >>>>
>         >>>>
>         >>>>
>         >>>>
>         >>>>
>         >>>>
>         >>>> _______________________________________________
>         >>>> Qt-creator mailing list
>         >>>> Qt-creator at qt-project.org
>         >>>> http://lists.qt-project.org/mailman/listinfo/qt-creator
>         >>>
>         >>>
>         >>> _______________________________________________
>         >>> Qt-creator mailing list
>         >>> Qt-creator at qt-project.org
>         >>> http://lists.qt-project.org/mailman/listinfo/qt-creator
>         >
>         > <2015-07-22 14_11_40-cranial.png>
>         > <2015-07-22 14_19_17-cranial.png>
>         > _______________________________________________
>         > Qt-creator mailing list
>         > Qt-creator at qt-project.org
>         > http://lists.qt-project.org/mailman/listinfo/qt-creator
>         _______________________________________________
>         Qt-creator mailing list
>         Qt-creator at qt-project.org
>         http://lists.qt-project.org/mailman/listinfo/qt-creator
> 
> 
> 
> 
> -- 
> Ariel Molina R.
> 
> 
> 
> Oficina: +52 (222) 3723196
> Movil: +521 2226 758874
> http://edis.mx





More information about the Qt-creator mailing list