QCombobox vertical

Version imprimable

Voir 40 message(s) de cette discussion en une page

05/09/2011, 09h05
Entiz

QCombobox vertical

Bonjour a tous,

Je cherche activement un moyen de pouvoir placer une QCombobox a la verticale dans ma fenêtre Qt.

Je suis a la recherche d' un rendu similaire a ceci:
http://www.monsterup.com/upload/1314964364381.png

On m' a dit que j' aurai a redéfinir la méthode paintEvent sans me donner toutefois plus d' informations.

Merci d' avance.
05/09/2011, 11h11
Invité
Salut,
Que quelqu'un me dise si je me trompe, mais je pense que tu peux te débrouiller avec la classe QGraphicsProxyWidget
En faisant comme ceci (j'ai marqué des commentaires à la fin de certaines lignes) :
Code:

1 2 3 4 QGraphicsProxyWidget gpwid; QComboBox cb; gpwid.setWidget(&cb); // installe cb dans gpwid gpwid.setRotation(270); // fait pivoter gpwid avec l'angle voulu
Après il faut essayer peut-être qu'il accepte les rotations négatives : par exemple mettre -90 au lieu de 270...

En espérant que ça puisse t'aider.
Bonne journée. Cordialement, Gizmo.
05/09/2011, 13h45
Entiz

Le problème, c' est que je veut inclure ma ComboBox dans un layout, mais avec le QGraphicsProxyWidget, ce n' est plus possible.
05/09/2011, 16h23
Invité

J'ai vu que QGraphicsProxyWidget héritait de QGraphicsLayoutItem.
Alors pour les layouts ça devrait en principe marcher...

Après peut-être ue je ne t'ai pas bien guidé c'est possible.
05/09/2011, 16h38
Entiz

Le problème c' est que je n' arrive pas a intégré des QGraphics.. dans un QBoxLayout ou un QWidget. :(
06/09/2011, 10h43
Entiz

J' ai réussi a intégrer le proxy dans mon layout en passant par une scène, une vue et un layout..

Mais c' est moche 8O

Il n' y a pas un autre moyen?
06/09/2011, 17h23
Invité

Salut,

Peux-tu dire comment tu as fais ?
Quand tu dis que c'est moche ça ressemble à quoi ? Tu as un imprime écran pour voir ?

En te remerciant, cordialement, Gizmo.
06/09/2011, 17h30
sysedit

Je suppose que par moche, il veut dire que c'est un peu une usine à gaz que de mettre une GraphicsScene dans une form juste pour avoir une combo verticale.

Le widget n'existant pas, il va te falloir le créer à partir de la combo existante.
Il faudra sans doute que tu surcharges les fonctions de taille (sizeHint() et minimumSizeHint() pour que ça renvoie les dimensions inversées de la combo, et que tu surcharges le paintEvent.

Dans le paintEvent, tu crées un QPainter, que tu peux transformer avec rotate() ; après faut juste trouver comment lui dire de peindre une combo classique, mais ça devrait marcher.

Enfin, faudra régler l'endroit où apparait la popup.
06/09/2011, 18h04
Invité

Bonjour,

En gros il faut qu'il sous-classe la classe QComboBox : en effet même si cette solution n'est pas évidente elle reste quand même envisageable.
Toute la difficulté sera à mon avis dans le fait que la liste déroulante soit horizontale.

Personnellement je n'ai jamais touché à ça : ni aux QGraphics ni de sous-classer la QComboBox. Ca ne doit pas être simple mais le jeu en vaut la chandelle. Je ne serai donc pas d'une grande aide ici désolé.

Bon courage pour la suite j'espère que ton projet aboutira.
06/09/2011, 18h51
Invité

J'ai peut-être trouvé quelque chose, encore faudrait-il que cela fonctionne avec les layouts...

Tu peux toujours essayer pour voir si ça marche :
=> créer un PushButton vide sans texte
=> redimensionner le PushButton : par exemple en lui mettant 18 de large et 60 de haut
=> dans le designer ui : les propriétés : modifier le stylesheet ou la propriété icon : mettre une image au PushButton: dessin de ta combobox verticale
=> après il faut créer une liste qui s'affiche quand tu cliques sur le bouton (ça je ne sais pas comment faire désolé)

Je ne garantie pas que ça marchera.
Cette solution a sûrement des failles mais si elle fonctionne elle a l'avantage d'être rapide à mettre en oeuvre.

Il faut voir. Bonne soirée. Cordialement, Gizmo.

Bon, ça me turlupinait ce truc :)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
#ifndef __VCOMBO__
#define __VCOMBO__
 
#include <QComboBox>
 
class VCombo : public QComboBox
{
  Q_OBJECT;
public:
  VCombo ( QWidget * parent = 0 );
 
  virtual QSize sizeHint() const;
  virtual QSize minimumSizeHint() const;
  virtual void paintEvent( QPaintEvent *e);
 
};
 
#endif __VCOMBO__

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
#include "VCombo.h"
#include <QStylePainter>
#include <QAbstractItemView>
 
VCombo::VCombo ( QWidget * parent): QComboBox(parent)
{
  setSizePolicy(QSizePolicy::Fixed, QSizePolicy::MinimumExpanding);
}
 
QSize VCombo::sizeHint() const
{
  const QSize s = QComboBox::sizeHint();
  return QSize( s.height(), s.width() );
 
}
QSize VCombo::minimumSizeHint() const
{
  const QSize s = QComboBox::minimumSizeHint();
  return QSize( s.height(), s.width() + s.height() );
}
 
void VCombo::paintEvent( QPaintEvent *)
  {
    QStylePainter painter(this);
    const int h = height() ;
    painter.rotate( -90. );
    painter.translate( QPointF(-h,0));
    painter.setPen(palette().color(QPalette::Text));
    // draw the combobox frame, focusrect and selected etc.
    QStyleOptionComboBox opt;
    initStyleOption(&opt);
    const int tmp = opt.rect.width();
    opt.rect.setWidth( opt.rect.height() );
    opt.rect.setHeight( tmp );
    painter.drawComplexControl(QStyle::CC_ComboBox, opt);
 
    // draw the icon and text
    painter.drawControl(QStyle::CE_ComboBoxLabel, opt);
}

http://img97.imageshack.us/img97/7141/combou.png

Maintenant faut gérer le fait que la popup n'a pas la bonne taille et la bonne position, mais en surchargeant showPopup() puis en modifiant view() ça devrait être jouable, ou alors en utilisant un styleProxy().

07/09/2011, 09h57
Entiz

Citation:

Envoyé par gizmo27

Salut,

Peux-tu dire comment tu as fais ?
Quand tu dis que c'est moche ça ressemble à quoi ?

Bah déjà, c' était moche au niveau du code, et super lourd 8O !

Et niveau esthétique, ça me faisait un carré blanc en plein milieu de ma fenêtre, avec ma box en plein milieu.

Citation:

Envoyé par sysedit

Bon, ça me turlupinait ce truc :)

Content de l' apprendre :mrgreen:
Je vais essayer de comprendre le code, l' appliquer, et voir comment je peut faire pour la liste déroulante (et je risque de vous embêter avec ça :roll:).

Encore merci a tous les deux !
Je vous tient au courant !
07/09/2011, 10h07
Invité

Bonjour,

Merci à toi mais je ne t'ai pas été d'une aide précieuse.
La solution avec le QPainter semble super bien marcher. C'est vrai que c'est la moins barbare de toute.
Je te souhaite une bonne continuation dans ton projet.

Cordialement, Gizmo.
07/09/2011, 10h15
Entiz

Citation:

Envoyé par gizmo27

Bonjour,

Merci à toi mais je ne t'ai pas été d'une aide précieuse.
La solution avec le QPainter semble super bien marcher. C'est vrai que c'est la moins barbare de toute.
Je te souhaite une bonne continuation dans ton projet.

Cordialement, Gizmo.

C' est l' intention qui compte ! :mrgreen:

Je commence Qt en C++, après avoir utilisé Gtk+ en C :aie:, et malgré les différences, je trouve que ça m' aide pas mal (sans doute a cause du fait que Gtk+ est orienté objet).

J' ai encore un peu de mal avec Qt (et le c++ en général), au niveau des surcharge notamment, mais j' apprend sur le tas ! La pratique, y' a rien de mieux :ccool:
07/09/2011, 11h34
Entiz
Bon, j' arrive a avoir un taille correcte pour la liste en utilisant ceci (j' ai redefini showPopup):
Code:

1 2 3 4 5 void QVComboBox::showPopup() { view()->setSizePolicy(QSizePolicy::Minimum,QSizePolicy::Maximum); QComboBox::showPopup(); }
C' est deja plus beau ! :mrgreen:

Il reste juste le probleme de la position que je n' arrive pas a changer.. J' ai essayé view()->move, mais ca deplace uniquement le texte, donc je me retrouve avec une liste vide 8O.
Une idée? De mon coté, je continue a chercher ! :ccool:
07/09/2011, 13h42
Invité

@entiz : ne t'inquiètes pas je ne t'en veux pas.
@sysedit : c'est vrai que ta méthode tient la route. Respect. Rien à en redire.

Bonne journée à vous. Cordialement, Gizmo.

Citation:

Envoyé par Entiz

Il reste juste le probleme de la position que je n' arrive pas a changer.. J' ai essayé view()->move, mais ca deplace uniquement le texte, donc je me retrouve avec une liste vide 8O.
Une idée? De mon coté, je continue a chercher ! :ccool:

Le truc c'est que view() n'est pas le toplevelwidget ; la view() est dans un container. Il faut donc faire quelque chose comme:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 void VCombo::showPopup() { QComboBox::showPopup(); QWidget * v = view()->window(); v->hide(); v->resize( QComboBox::sizeHint().width(), v->height() ); QPoint wantedPosition = mapToGlobal( pos() ); wantedPosition.setX( wantedPosition.x() + width() ); v->move( wantedPosition ); v->show(); }
Par contre, c'est un peu moche, on voit d'abord la combo s'ouvrir en bas puis se déplacer au bon endroit.

Si tu as besoin de mieux, il faut regarder dans le code de Qt:

Code:

void QComboBox::showPopup()

(src/gui/widgets/qcombobox.cpp)

Tu verras ici comment est fait le calcul de la position de la liste, et tu pourras peut-être trouver comment modifier les paramètres.

Je n'ai pas essayé, mais le point de départ semble être
Code:

1 2 QRect listRect(style->subControlRect(QStyle::CC_ComboBox, &opt, QStyle::SC_ComboBoxListBoxPopup, this));
Il sera peut-être nécessaire de passer par une modification du style, ou tout au moins l'usage d'un QProxyStyle qui te permettra de modifier uniquement subControlRect sans avoir à tout réécrire.

08/09/2011, 17h04
Entiz

Merci beaucoup !
Ca marche nikel :ccool:
J' ai juste changé 2-3 trucs histoire que l' alignement soit parfait :) !

Cependant, tu as raison, c' est un peu gênant qu' elle s' ouvre et se déplace.

J' ai aussi remarqué que les hide/show n' avait aucune influence :? normal?

J' ai finalement bidouillé ceci:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
void QVComboBox::showPopup()
{
  QWidget * v = view()->window();
  v->resize(QComboBox::sizeHint().width(), (count()>= 10 ? 10 : count()) * 13 + 2);
 
  QPoint wantedPosition = mapToGlobal(pos());
  wantedPosition.setX(wantedPosition.x() + width()/2 + 1);
  QWidget *tmp;
  tmp = this;
  while (tmp->parentWidget())
    tmp = tmp->parentWidget();
  wantedPosition.setY(pos().y() + tmp->y() + 51);
  v->move(wantedPosition);
  v->show();
}

C' est pas joli-joli niveau code.. Mais c' est parfait au niveau du visuel ! :mrgreen:

Si tu as des questions (c' est vrai que c' est pas trés clair) j' y répondrais !

16/09/2011, 14h18
sysedit

en fait le showPopup() par défaut ne fait pas que calculer la position (d'ailleurs, si tu regardes le code, c'est plus compliqué que juste afficher à côté, le code vérifie s'il y a la place pour afficher la combo, et sinon va l'afficher ailleurs), mais va aussi déclencher une animation pour les thèmes qui en sont capables.

C'est pour cela que le show/hide dans mon code ne fait pas grand chose, vu que showPopup() démarre une animation pour que la listbox s'agrandisse progressivement.

Du coup, dans ton code tu n'appelles pas showPopup() et tu n'as pas l'animation, mais ça s'affiche correctement. Si t'es motivé, tu peux essayer de mettre en place l'animation :)

Voir 40 message(s) de cette discussion en une page