Alt linux Программирование на языке С++ в среде Qt Creator Е. Р. Алексеев, Г. Г. Злобин, Д. А. Костюк, О. В. Чеснокова, А. С. Чмыхало Москва alt linux 2015

Глава 14. Создание элементов графического интерфейса
ные рамки, поля, панели и т. д. Для рисования примитивов в Qt пользуются
специальным классом QPainter.
QPainter
обладает богатым набором методов для рисования различных гео-
метрических примитивов, надписей и частей изображений. Для рисования он ис-
пользует объекты класса QPaintDevice, реализующие область для вывода гра-
фической информации (на экран, область памяти, на принтер и т. д.). Класс
QWidget
как раз наследует от классов QObject и QPaintDevice, что позволяет
использовать QPainter для рисования интерфейса.
Оконная система и Qt следят за изменениями размеров, позиции, видимости
окон и отдельных виджетов в программе и направляют специальные события,
которые сообщают каждый виджет о необходимости обновления вида. В вирту-
альном обработчике paintEvent() виджеты имеют возможность использовать
QPainter
для собственного отражения. В нашем примере мы определим обра-
ботчик события QPaintEvent.
#include 
c l a s s L e d I n d i c a t o r : public QWidget
{
Q_OBJECT
Q_PROPERTY( Q S t r i n g t e x t READ t e x t WRITE s e t T e x t )
Q_PROPERTY( bool turnedOn READ isTurnedOn WRITE setTurnedOn NOTIFY
s t a t e T o g g l e d )
public :
. . . . .
QSize minimumSizeHint ( ) const ;
. . . .
protected :
void p a i n t E v e n t ( QPaintEvent ∗ ) ;
. . . . .
} ;
И добавим реализацию для него:
void L e d I n d i c a t o r : : p a i n t E v e n t ( QPaintEvent ∗ pEvent )
{
//Создаём объект QPainter и указываем QPaintDevice текущий виджет
QPainter l P a i n t e r ( t h i s ) ;
//Используем сглаживание при рисовании для лучшего вида
l P a i n t e r . s e t R e n d e r H i n t ( QPainter : : A n t i a l i a s i n g ) ;
//Центр окружности индикатора QPoint — класс для описания точки
QPoint l L e d C e n t e r ( cLedRadius + 1 , h e i g h t ( ) / 2 ) ;
//Фигура, которую мы будем рисовать QPainterPath — класс для описания фигуры
//состоящей из нескольких примитивов
QPainterPath l P a t h ;
//Добавляем окружность
l P a t h . a d d E l l i p s e ( l L e d C e n t e r , cLedRadius , cLedRadius ) ;
l P a i n t e r . s a v e ( ) ; //Сохраняем настройки после всех изменений мы восстановим их для
//рисования подписи
//Создаём радиальный (окружностями) градиент указываем центр для градиента и радиус
Q R a d i a l G r a d i e n t l G r a d i e n t ( l L e d C e n t e r , cLedRadius ) ;
i f ( mIsTurnedOn ) //Устанавливаем цвет границы и градиент
{
//для включённого и выключенного состояний
//Задаём объект QPen — настройки рисования контуров
//Используем константу для задания цвета контура в конструкторе QPen
l P a i n t e r . s e t P e n ( QPen ( Qt : : darkGreen ) ) ;
//Задаём цвет в разных точках (0 — центр, 1 — край) цвет будет равномерно изменяться
//Для задания цвета пользуемся текстовым шестнадцатеричным RGB обозначением
//— неявное преобразование в QColor
l G r a d i e n t . s e t C o l o r A t ( 0 . 2 , " # 7 0 F F 7 0 " ) ;
l G r a d i e n t . s e t C o l o r A t ( 1 , " # 0 0 C C 0 0 " ) ;
Программирование на языке С++ в среде Qt Creator

---

14.6. Рисование элементов. Класс QPainter
393
}
e l s e
{
//Здесь задаём чёрный цвет. Конструктор QColor, значение красной,
//зелёной и синей (0-255) компонент цвета
l P a i n t e r . s e t P e n ( QPen ( QColor ( 0 , 0 , 0 ) ) ) ;
l G r a d i e n t . s e t C o l o r A t ( 0 . 2 , Qt : : g r a y ) ;
l G r a d i e n t . s e t C o l o r A t ( 1 , Qt : : darkGray ) ;
}
//Заполняем фигуру индикатора градиентом
l P a i n t e r . f i l l P a t h ( lPath , QBrush ( l G r a d i e n t ) ) ;
//Рисуем границу индикатора
l P a i n t e r . drawPath ( l P a t h ) ;
//Восстанавливаем настройки перед последним сохранением
l P a i n t e r . r e s t o r e ( ) ;
//Устанавливаем шрифт для рисования текста используем QWidget::font(),
//чтобы иметь возможность стилизовать надпись
l P a i n t e r . s e t F o n t ( f o n t ( ) ) ;
//Квадрат, в котором будет рисоваться текст. QRect — класс для обозначения прямоуольной области
QRect l T e x t R e c t ( cLedRadius ∗2+ cLedSpacing , 0 , width ( )− ( cLedRadius ∗2 +
c L e d S p a c i n g ) , h e i g h t ( ) ) ;
//Рисуем текст в заданном прямоугольнике, выравнивание по левому краю и вертикально по
центру
l P a i n t e r . drawText ( l T e x t R e c t , Qt : : AlignVCenter | Qt : : A l i g n L e f t , mText ) ;
}
//Переопределяем виртуальный метод minimumSizeHint() для передачи корректных минимальных
размеров
QSize L e d I n d i c a t o r : : minimumSizeHint ( ) const
{
return QSize ( cLedRadius ∗ 2
//Диаметр индикатора
+ f o n t M e t r i c s ( ) . width ( mText )
//Ширина текста mText
+ cLedSpacing ,
//Отступ
cLedRadius ∗ 2 ) ;
}
Теперь создадим наш виджет и добавим его в главное окно программы вместе
с флажком. Соединим флажок и индикатор сигнально-слотовым соединением,
таким образом, что состояние флажка будет устанавливаться индикатору.
#include 
#include 
#include " l e d i n d i c a t o r . h "
MainWindow : : MainWindow ( QWidget ∗ p a r e n t ) : QWidget ( p a r e n t )
{
//Главное компонование
QHBoxLayout ∗ l L a y o u t = new QHBoxLayout ;
s e t L a y o u t ( l L a y o u t ) ;
//Создаём наш индикатор и добавляем его к компоновщику
L e d I n d i c a t o r ∗ l L e d I n d i c a t o r = new L e d I n d i c a t o r ;
l L e d I n d i c a t o r −>s e t T e x t ( " LED I n d i c a t o r " ) ;
l Layou t −>addWidget ( l L e d I n d i c a t o r ) ;
//Создаём и добавляем флажок
QCheckBox ∗ lCheckBox = new QCheckBox ( " L e d ON " ) ;
l Layou t −>addWidget ( lCheckBox ) ;
//Соединяем флажок и индикатор
c o n n e c t ( lCheckBox , SIGNAL( t o g g l e d ( bool ) ) ,
l L e d I n d i c a t o r , SLOT( setTurnedOn ( bool ) ) , Qt : : UniqueConnection ) ;
}
Окончательно, окно нашей программы имеет вид (см. рис. 14.3).
© 2015 Алексеев Е. Р., Злобин Г. Г., Костюк Д. А., Чеснокова О. В., Чмыхало А. С.

---

394