Viadeo Twitter Google Bookmarks ! Facebook Digg del.icio.us MySpace Yahoo MyWeb Blinklist Netvouz Reddit Simpy StumbleUpon Bookmarks Windows Live Favorites 
Logo Documentation Qt ·  Page d'accueil  ·  Toutes les classes  ·  Toutes les fonctions  ·  Vues d'ensemble  · 

Spin Boxes Example

Files:

The Spin Boxes example shows how to use the many different types of spin boxes available in Qt, from a simple QSpinBox widget to more complex editors like the QDateTimeEdit widget.

The example consists of a single Window class that is used to display the different spin box-based widgets available with Qt.

Window Class Definition

The Window class inherits QWidget and contains two slots that are used to provide interactive features:

 class Window : public QWidget
 {
     Q_OBJECT

 public:
     Window();

 public slots:
     void changePrecision(int decimals);
     void setFormatString(const QString &formatString);

 private:
     void createSpinBoxes();
     void createDateTimeEdits();
     void createDoubleSpinBoxes();

     QDateTimeEdit *meetingEdit;
     QDoubleSpinBox *doubleSpinBox;
     QDoubleSpinBox *priceSpinBox;
     QDoubleSpinBox *scaleSpinBox;
     QGroupBox *spinBoxesGroup;
     QGroupBox *editsGroup;
     QGroupBox *doubleSpinBoxesGroup;
     QLabel *meetingLabel;
 };

The private functions are used to set up each type of spin box in the window. We use member variables to keep track of various widgets so that they can be reconfigured when required.

Window Class Implementation

The constructor simply calls private functions to set up the different types of spin box used in the example, and places each group in a layout:

 Window::Window()
 {
     createSpinBoxes();
     createDateTimeEdits();
     createDoubleSpinBoxes();

     QHBoxLayout *layout = new QHBoxLayout;
     layout->addWidget(spinBoxesGroup);
     layout->addWidget(editsGroup);
     layout->addWidget(doubleSpinBoxesGroup);
     setLayout(layout);

     setWindowTitle(tr("Spin Boxes"));
 }

We use the layout to manage the arrangement of the window's child widgets, and change the window title.

The createSpinBoxes() function constructs a QGroupBox and places three QSpinBox widgets inside it with descriptive labels to indicate the types of input they expect.

 void Window::createSpinBoxes()
 {
     spinBoxesGroup = new QGroupBox(tr("Spinboxes"));

     QLabel *integerLabel = new QLabel(tr("Enter a value between "
         "%1 and %2:").arg(-20).arg(20));
     QSpinBox *integerSpinBox = new QSpinBox;
     integerSpinBox->setRange(-20, 20);
     integerSpinBox->setSingleStep(1);
     integerSpinBox->setValue(0);

The first spin box shows the simplest way to use QSpinBox. It accepts values from -20 to 20, the current value can be increased or decreased by 1 with either the arrow buttons or Up and Down keys, and the default value is 0.

The second spin box uses a larger step size and displays a suffix to provide more information about the type of data the number represents:

     QLabel *zoomLabel = new QLabel(tr("Enter a zoom value between "
         "%1 and %2:").arg(0).arg(1000));
     QSpinBox *zoomSpinBox = new QSpinBox;
     zoomSpinBox->setRange(0, 1000);
     zoomSpinBox->setSingleStep(10);
     zoomSpinBox->setSuffix("%");
     zoomSpinBox->setSpecialValueText(tr("Automatic"));
     zoomSpinBox->setValue(100);

This spin box also displays a special value instead of the minimum value defined for it. This means that it will never show 0%, but will display Automatic when the minimum value is selected.

The third spin box shows how a prefix can be used:

     QLabel *priceLabel = new QLabel(tr("Enter a price between "
         "%1 and %2:").arg(0).arg(999));
     QSpinBox *priceSpinBox = new QSpinBox;
     priceSpinBox->setRange(0, 999);
     priceSpinBox->setSingleStep(1);
     priceSpinBox->setPrefix("$");
     priceSpinBox->setValue(99);

For simplicity, we show a spin box with a prefix and no suffix. It is also possible to use both at the same time.

     QVBoxLayout *spinBoxLayout = new QVBoxLayout;
     spinBoxLayout->addWidget(integerLabel);
     spinBoxLayout->addWidget(integerSpinBox);
     spinBoxLayout->addWidget(zoomLabel);
     spinBoxLayout->addWidget(zoomSpinBox);
     spinBoxLayout->addWidget(priceLabel);
     spinBoxLayout->addWidget(priceSpinBox);
     spinBoxesGroup->setLayout(spinBoxLayout);
 }

The rest of the function sets up a layout for the group box and places each of the widgets inside it.

The createDateTimeEdits() function constructs another group box with a selection of spin boxes used for editing dates and times.

 void Window::createDateTimeEdits()
 {
     editsGroup = new QGroupBox(tr("Date and time spin boxes"));

     QLabel *dateLabel = new QLabel;
     QDateEdit *dateEdit = new QDateEdit(QDate::currentDate());
     dateEdit->setDateRange(QDate(2005, 1, 1), QDate(2010, 12, 31));
     dateLabel->setText(tr("Appointment date (between %0 and %1):")
                        .arg(dateEdit->minimumDate().toString(Qt::ISODate))
                        .arg(dateEdit->maximumDate().toString(Qt::ISODate)));

The first spin box is a QDateEdit widget that is able to accept dates within a given range specified using QDate values. The arrow buttons and Up and Down keys can be used to increase and decrease the values for year, month, and day when the cursor is in the relevant section.

The second spin box is a QTimeEdit widget:

     QLabel *timeLabel = new QLabel;
     QTimeEdit *timeEdit = new QTimeEdit(QTime::currentTime());
     timeEdit->setTimeRange(QTime(9, 0, 0, 0), QTime(16, 30, 0, 0));
     timeLabel->setText(tr("Appointment time (between %0 and %1):")
                        .arg(timeEdit->minimumTime().toString(Qt::ISODate))
                        .arg(timeEdit->maximumTime().toString(Qt::ISODate)));

Acceptable values for the time are defined using QTime values.

The third spin box is a QDateTimeEdit widget that can display both date and time values, and we place a label above it to indicate the range of allowed times for a meeting. These widgets will be updated when the user changes a format string.

     meetingLabel = new QLabel;
     meetingEdit = new QDateTimeEdit(QDateTime::currentDateTime());

The format string used for the date time editor, which is also shown in the string displayed by the label, is chosen from a set of strings in a combobox:

     QLabel *formatLabel = new QLabel(tr("Format string for the meeting date "
                                         "and time:"));
     QComboBox *formatComboBox = new QComboBox;
     formatComboBox->addItem("yyyy-MM-dd hh:mm:ss (zzz 'ms')");
     formatComboBox->addItem("hh:mm:ss MM/dd/yyyy");
     formatComboBox->addItem("hh:mm:ss dd/MM/yyyy");
     formatComboBox->addItem("hh:mm:ss");
     formatComboBox->addItem("hh:mm ap");

     connect(formatComboBox, SIGNAL(activated(QString)),
             this, SLOT(setFormatString(QString)));

A signal from this combobox is connected to a slot in the Window class (shown later).

     QVBoxLayout *editsLayout = new QVBoxLayout;
     editsLayout->addWidget(dateLabel);
     editsLayout->addWidget(dateEdit);
     editsLayout->addWidget(timeLabel);
     editsLayout->addWidget(timeEdit);
     editsLayout->addWidget(meetingLabel);
     editsLayout->addWidget(meetingEdit);
     editsLayout->addWidget(formatLabel);
     editsLayout->addWidget(formatComboBox);
     editsGroup->setLayout(editsLayout);
 }

Each child widget of the group box in placed in a layout.

The setFormatString() slot is called whenever the user selects a new format string in the combobox. The display format for the QDateTimeEdit widget is set using the raw string passed by the signal:

 void Window::setFormatString(const QString &formatString)
 {
     meetingEdit->setDisplayFormat(formatString);

Depending on the visible sections in the widget, we set a new date or time range, and update the associated label to provide relevant information for the user:

     if (meetingEdit->displayedSections() & QDateTimeEdit::DateSections_Mask) {
         meetingEdit->setDateRange(QDate(2004, 11, 1), QDate(2005, 11, 30));
         meetingLabel->setText(tr("Meeting date (between %0 and %1):")
             .arg(meetingEdit->minimumDate().toString(Qt::ISODate))
             .arg(meetingEdit->maximumDate().toString(Qt::ISODate)));
     } else {
         meetingEdit->setTimeRange(QTime(0, 7, 20, 0), QTime(21, 0, 0, 0));
         meetingLabel->setText(tr("Meeting time (between %0 and %1):")
             .arg(meetingEdit->minimumTime().toString(Qt::ISODate))
             .arg(meetingEdit->maximumTime().toString(Qt::ISODate)));
     }
 }

When the format string is changed, there will be an appropriate label and entry widget for dates, times, or both types of input.

The createDoubleSpinBoxes() function constructs three spin boxes that are used to input double-precision floating point numbers:

 void Window::createDoubleSpinBoxes()
 {
     doubleSpinBoxesGroup = new QGroupBox(tr("Double precision spinboxes"));

     QLabel *precisionLabel = new QLabel(tr("Number of decimal places "
                                            "to show:"));
     QSpinBox *precisionSpinBox = new QSpinBox;
     precisionSpinBox->setRange(0, 100);
     precisionSpinBox->setValue(2);

Before the QDoubleSpinBox widgets are constructed, we create a spin box to control how many decimal places they show. By default, only two decimal places are shown in the following spin boxes, each of which is the equivalent of a spin box in the group created by the createSpinBoxes() function.

The first double spin box shows a basic double-precision spin box with the same range, step size, and default value as the first spin box in the createSpinBoxes() function:

     QLabel *doubleLabel = new QLabel(tr("Enter a value between "
         "%1 and %2:").arg(-20).arg(20));
     doubleSpinBox = new QDoubleSpinBox;
     doubleSpinBox->setRange(-20.0, 20.0);
     doubleSpinBox->setSingleStep(1.0);
     doubleSpinBox->setValue(0.0);

However, this spin box also allows non-integer values to be entered.

The second spin box displays a suffix and shows a special value instead of the minimum value:

     QLabel *scaleLabel = new QLabel(tr("Enter a scale factor between "
         "%1 and %2:").arg(0).arg(1000.0));
     scaleSpinBox = new QDoubleSpinBox;
     scaleSpinBox->setRange(0.0, 1000.0);
     scaleSpinBox->setSingleStep(10.0);
     scaleSpinBox->setSuffix("%");
     scaleSpinBox->setSpecialValueText(tr("No scaling"));
     scaleSpinBox->setValue(100.0);

The third spin box displays a prefix instead of a suffix:

     QLabel *priceLabel = new QLabel(tr("Enter a price between "
         "%1 and %2:").arg(0).arg(1000));
     priceSpinBox = new QDoubleSpinBox;
     priceSpinBox->setRange(0.0, 1000.0);
     priceSpinBox->setSingleStep(1.0);
     priceSpinBox->setPrefix("$");
     priceSpinBox->setValue(99.99);

     connect(precisionSpinBox, SIGNAL(valueChanged(int)),

We connect the QSpinBox widget that specifies the precision to a slot in the Window class.

     QVBoxLayout *spinBoxLayout = new QVBoxLayout;
     spinBoxLayout->addWidget(precisionLabel);
     spinBoxLayout->addWidget(precisionSpinBox);
     spinBoxLayout->addWidget(doubleLabel);
     spinBoxLayout->addWidget(doubleSpinBox);
     spinBoxLayout->addWidget(scaleLabel);
     spinBoxLayout->addWidget(scaleSpinBox);
     spinBoxLayout->addWidget(priceLabel);
     spinBoxLayout->addWidget(priceSpinBox);
     doubleSpinBoxesGroup->setLayout(spinBoxLayout);
 }

The rest of the function places each of the widgets into a layout for the group box.

The changePrecision() slot is called when the user changes the value in the precision spin box:

 void Window::changePrecision(int decimals)
 {
     doubleSpinBox->setDecimals(decimals);
     scaleSpinBox->setDecimals(decimals);
     priceSpinBox->setDecimals(decimals);
 }

This function simply uses the integer supplied by the signal to specify the number of decimal places in each of the QDoubleSpinBox widgets. Each one of these will be updated automatically when their decimals property is changed.

Publicité

Best Of

Actualités les plus lues

Semaine
Mois
Année
  1. « Quelque chose ne va vraiment pas avec les développeurs "modernes" », un développeur à "l'ancienne" critique la multiplication des bibliothèques 80
  2. Apercevoir la troisième dimension ou l'utilisation multithreadée d'OpenGL dans Qt, un article des Qt Quarterly traduit par Guillaume Belz 0
  3. Les développeurs ignorent-ils trop les failles découvertes dans leur code ? Prenez-vous en compte les remarques des autres ? 17
  4. BlackBerry 10 : premières images du prochain OS de RIM qui devrait intégrer des widgets et des tuiles inspirées de Windows Phone 0
  5. Quelles nouveautés de C++11 Visual C++ doit-il rapidement intégrer ? Donnez-nous votre avis 10
  6. Adieu qmake, bienvenue qbs : Qt Building Suite, un outil déclaratif et extensible pour la compilation de projets Qt 17
  7. 2017 : un quinquennat pour une nouvelle version du C++ ? Possible, selon Herb Sutter 6
Page suivante

Le Qt Developer Network au hasard

Logo

QML et les styles

Le Qt Developer Network est un réseau de développeurs Qt anglophone, où ils peuvent partager leur expérience sur le framework. Lire l'article.

Communauté

Ressources

Liens utiles

Contact

  • Vous souhaitez rejoindre la rédaction ou proposer un tutoriel, une traduction, une question... ? Postez dans le forum Contribuez ou contactez-nous par MP ou par email (voir en bas de page).

Qt dans le magazine

Cette page est une traduction d'une page de la documentation de Qt, écrite par Nokia Corporation and/or its subsidiary(-ies). Les éventuels problèmes résultant d'une mauvaise traduction ne sont pas imputables à Nokia. Qt 4.7-snapshot
Copyright © 2012 Developpez LLC. Tous droits réservés Developpez LLC. Aucune reproduction, même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents et images sans l'autorisation expresse de Developpez LLC. Sinon, vous encourez selon la loi jusqu'à 3 ans de prison et jusqu'à 300 000 E de dommages et intérêts. Cette page est déposée à la SACD.
Vous avez déniché une erreur ? Un bug ? Une redirection cassée ? Ou tout autre problème, quel qu'il soit ? Ou bien vous désirez participer à ce projet de traduction ? N'hésitez pas à nous contacter ou par MP !
 
 
 
 
Partenaires

Hébergement Web