Создание пользовательского виджета в Qt5 / Ravesli

Урок №13. Создание пользовательского виджета в Qt5

Обновл. 16 Сен 2021 |

19650

ǀ 3

Сегодня мы создадим свой собственный виджет. Обычно, большинство инструментариев содержат лишь самые распространенные наборы виджетов, например, стандартные кнопки, слайдеры и т.п. Так как при этом ни один инструментарий не может обеспечить пользователя каким-нибудь универсальным набором виджетов на все случаи жизни, то перед программистами возникает вопрос о необходимости создания своего собственного инструментария. Исходя из этого, можно выделить два основных пути решения: программист может изменить/улучшить существующий виджет или он может создать свой собственный виджет с нуля в Qt5.

Виджет записи данных на диск

В следующем примере мы с нуля создадим пользовательский виджет, имитирующий процесс записи данных на диск. Подобный виджет можно встретить в таких программах для записи дисков, как Nero Burning ROM, BurnAware, ImgBurn или K3b.

Заголовочный файл — burning.h:

#pragma once

#include <QWidget>
#include <QSlider>
#include <QFrame>
#include "widget.h"

class Burning : public QFrame {

  Q_OBJECT  

  public:
    Burning(QWidget *parent = 0);
    int getCurrentWidth();
    
  public slots:
    void valueChanged(int);
    
  private:
    QSlider *slider;
    Widget *widget;
    int cur_width;
    
    void initUI();
};

#pragma once

#include <QWidget>

#include <QSlider>

#include <QFrame>

#include "widget.h"

class Burning : public QFrame {

Q_OBJECT

public:

Burning(QWidget *parent = 0);

int getCurrentWidth();

public slots:

void valueChanged(int);

private:

QSlider *slider;

Widget *widget;

int cur_width;

void initUI();

};

Метод getCurrentWidth() используется для определения значений ползунка:

public:
  Burning(QWidget *parent = 0);
  int getCurrentWidth();

public:

Burning(QWidget *parent = 0);

int getCurrentWidth();

В клиентской области окна у нас будет два виджета: встроенный виджет слайдера и пользовательский виджет. Переменная cur_width будет содержать текущее значение ползунка слайдера. Это значение используется при рисовании пользовательского виджета:

private:
  QSlider *slider;
  Widget *widget;
  int cur_width;
    
  void initUI();

private:

QSlider *slider;

Widget *widget;

int cur_width;

void initUI();

Файл реализации — burning.cpp:

#include <QVBoxLayout>
#include <QHBoxLayout>
#include "burning.h"

Burning::Burning(QWidget *parent)
    : QFrame(parent) {
           
  initUI();
}

void Burning::initUI() {
    
  const int MAX_VALUE = 750; 
  cur_width = 0; 
  
  slider = new QSlider(Qt::Horizontal , this); 
  slider->setMaximum(MAX_VALUE);
  slider->setGeometry(50, 50, 130, 30);

  connect(slider, &QSlider::valueChanged, this, &Burning::valueChanged);
  
  QVBoxLayout *vbox = new QVBoxLayout(this);
  QHBoxLayout *hbox = new QHBoxLayout();

  vbox->addStretch(1);

  widget = new Widget(this);  
  hbox->addWidget(widget, 0);

  vbox->addLayout(hbox);

  setLayout(vbox);    
}

void Burning::valueChanged(int val) {
    
  cur_width = val;
  widget->repaint();
}

int Burning::getCurrentWidth() {
    
  return cur_width;
}

#include <QVBoxLayout>

#include <QHBoxLayout>

#include "burning.h"

Burning::Burning(QWidget *parent)

: QFrame(parent) {

initUI();

}

void Burning::initUI() {

const int MAX_VALUE = 750;

cur_width = 0;

slider = new QSlider(Qt::Horizontal , this);

slider->setMaximum(MAX_VALUE);

slider->setGeometry(50, 50, 130, 30);

connect(slider, &QSlider::valueChanged, this, &Burning::valueChanged);

QVBoxLayout *vbox = new QVBoxLayout(this);

QHBoxLayout *hbox = new QHBoxLayout();

vbox->addStretch(1);

widget = new Widget(this);

hbox->addWidget(widget, 0);

vbox->addLayout(hbox);

setLayout(vbox);

}

void Burning::valueChanged(int val) {

cur_width = val;

widget->repaint();

}

int Burning::getCurrentWidth() {

return cur_width;

}

При перемещении ползунка вызывается слот valueChanged():

connect(slider, &QSlider::valueChanged, this, &Burning::valueChanged);

1	connect(slider, &QSlider::valueChanged, this, &Burning::valueChanged);

Когда мы изменяем значение ползунка слайдера, то сначала сохраняем новое значение, а затем перерисовываем пользовательский виджет:

void Burning::valueChanged(int val) {

  cur_width = val;
  widget->repaint();
}

void Burning::valueChanged(int val) {

cur_width = val;

widget->repaint();

}

Заголовочный файл — widget.h:

#pragma once

#include <QFrame>

class Burning;

class Widget : public QFrame {

  public:
    Widget(QWidget *parent = 0);

  protected:
    void paintEvent(QPaintEvent *e);
    void drawWidget(QPainter &qp);

  private:
    QWidget *m_parent;
    Burning *burn;
    
    static const int DISTANCE = 19;
    static const int LINE_WIDTH = 5;
    static const int DIVISIONS = 10;
    constexpr static const float FULL_CAPACITY = 700;
    constexpr static const float MAX_CAPACITY = 750;     
};

#pragma once

#include <QFrame>

class Burning;

class Widget : public QFrame {

public:

Widget(QWidget *parent = 0);

protected:

void paintEvent(QPaintEvent *e);

void drawWidget(QPainter &qp);

private:

QWidget *m_parent;

Burning *burn;

static const int DISTANCE = 19;

static const int LINE_WIDTH = 5;

static const int DIVISIONS = 10;

constexpr static const float FULL_CAPACITY = 700;

constexpr static const float MAX_CAPACITY = 750;

};

Мы храним указатель на родительский виджет, т.к. через него мы будем обращаться к переменной cur_width:

private:
  QWidget *m_parent;
  Burning *burn;

private:

QWidget *m_parent;

Burning *burn;

Ниже следуют несколько важных констант:

DISTANCE — это расстояние между значениями шкалы.

LINE_WIDTH — это длина вертикальных линий-насечек шкалы.

DIVISIONS — это количество частей шкалы.

FULL_CAPACITY — это ёмкость «диска». После его достижения происходит т.н. перепрожиг. Перепрожиг (англ. «Overburning») — это процесс записи информации на диск объемом большим, чем определено изначально. В этом случае для записи дополнительных данных используются так называемые резервные дорожки диска. Данный этап визуализируется красным цветом.

MAX_CAPACITY — это максимальная ёмкость носителя.

Код:

const int DISTANCE = 19;
const int LINE_WIDTH = 5;
const int DIVISIONS = 10;
constexpr const float FULL_CAPACITY = 700;
constexpr const float MAX_CAPACITY = 750;

const int DISTANCE = 19;

const int LINE_WIDTH = 5;

const int DIVISIONS = 10;

constexpr const float FULL_CAPACITY = 700;

constexpr const float MAX_CAPACITY = 750;

Теперь мы отрисовываем пользовательский виджет: сначала прямоугольник, а затем вертикальные линии и цифры.

Файл реализации — widget.cpp:

#include <QtGui>
#include "widget.h"
#include "burning.h"

const int PANEL_HEIGHT = 30;

Widget::Widget(QWidget *parent)
    : QFrame(parent) {
        
  m_parent = parent;
  setMinimumHeight(PANEL_HEIGHT);
}

void Widget::paintEvent(QPaintEvent *e) {
  
  QPainter qp(this);
  drawWidget(qp);
  
  QFrame::paintEvent(e);  
}

void Widget::drawWidget(QPainter &qp) {
    
  QString num[] = { "75", "150", "225", "300", "375", "450", 
    "525", "600", "675" };    
  
  int asize = sizeof(num)/sizeof(num[1]); 
  
  QColor redColor(255, 175, 175);
  QColor yellowColor(255, 255, 184);  
  
  int width = size().width();

  Burning *burn = (Burning *) m_parent;
  int cur_width = burn->getCurrentWidth();

  int step = (int) qRound((double)width / DIVISIONS);
  int till = (int) ((width / MAX_CAPACITY) * cur_width);
  int full = (int) ((width / MAX_CAPACITY) * FULL_CAPACITY);

  if (cur_width >= FULL_CAPACITY) {
      
    qp.setPen(yellowColor); 
    qp.setBrush(yellowColor);
    qp.drawRect(0, 0, full, 30);
    qp.setPen(redColor);
    qp.setBrush(redColor);
    qp.drawRect(full, 0, till-full, PANEL_HEIGHT);

  } else if (till > 0) {
       
    qp.setPen(yellowColor);
    qp.setBrush(yellowColor);
    qp.drawRect(0, 0, till, PANEL_HEIGHT);
  }

  QColor grayColor(90, 80, 60);
  qp.setPen(grayColor);
  
  for (int i=1; i <=asize; i++) {
      
    qp.drawLine(i*step, 0, i*step, LINE_WIDTH);
    QFont newFont = font();
    newFont.setPointSize(7);
    setFont(newFont);

    QFontMetrics metrics(font());

    int w = metrics.width(num[i-1]);
    qp.drawText(i*step-w/2, DISTANCE, num[i-1]);
  }
}

#include <QtGui>

#include "widget.h"

#include "burning.h"

const int PANEL_HEIGHT = 30;

Widget::Widget(QWidget *parent)

: QFrame(parent) {

m_parent = parent;

setMinimumHeight(PANEL_HEIGHT);

}

void Widget::paintEvent(QPaintEvent *e) {

QPainter qp(this);

drawWidget(qp);

QFrame::paintEvent(e);

}

void Widget::drawWidget(QPainter &qp) {

QString num[] = { "75", "150", "225", "300", "375", "450",

"525", "600", "675" };

int asize = sizeof(num)/sizeof(num[1]);

QColor redColor(255, 175, 175);

QColor yellowColor(255, 255, 184);

int width = size().width();

Burning *burn = (Burning *) m_parent;

int cur_width = burn->getCurrentWidth();

int step = (int) qRound((double)width / DIVISIONS);

int till = (int) ((width / MAX_CAPACITY) * cur_width);

int full = (int) ((width / MAX_CAPACITY) * FULL_CAPACITY);

if (cur_width >= FULL_CAPACITY) {

qp.setPen(yellowColor);

qp.setBrush(yellowColor);

qp.drawRect(0, 0, full, 30);

qp.setPen(redColor);

qp.setBrush(redColor);

qp.drawRect(full, 0, till-full, PANEL_HEIGHT);

} else if (till > 0) {

qp.setPen(yellowColor);

qp.setBrush(yellowColor);

qp.drawRect(0, 0, till, PANEL_HEIGHT);

}

QColor grayColor(90, 80, 60);

qp.setPen(grayColor);

for (int i=1; i <=asize; i++) {

qp.drawLine(i*step, 0, i*step, LINE_WIDTH);

QFont newFont = font();

newFont.setPointSize(7);

setFont(newFont);

QFontMetrics metrics(font());

int w = metrics.width(num[i-1]);

qp.drawText(i*step-w/2, DISTANCE, num[i-1]);

}

Рисование пользовательского виджета делегируется методу drawWidget():

void Widget::paintEvent(QPaintEvent *e) {
  
  QPainter qp(this);
  drawWidget(qp);
  
  QFrame::paintEvent(e);  
}

void Widget::paintEvent(QPaintEvent *e) {

QPainter qp(this);

drawWidget(qp);

QFrame::paintEvent(e);

}

Данные числа используются для отображения масштаба виджета:

QString num[] = { "75", "150", "225", "300", "375", "450", 
  "525", "600", "675" };

1 2	QString num[] = { "75", "150", "225", "300", "375", "450", "525", "600", "675" };

Получаем ширину виджета. Стоит отметить, что ширина пользовательского виджета является динамической. Она может быть изменена пользователем (например, при изменении размеров окна):

int width = size().width();

1	int width = size().width();

Получаем значение переменной cur_width:

Burning *burn = (Burning *) m_parent;
int cur_width = burn->getCurrentWidth();

1 2	Burning burn = (Burning ) m_parent; int cur_width = burn->getCurrentWidth();

Используем переменную width для выполнения преобразований между значениями шкалы и размерами пользовательского виджета:

int till = (int) ((width / MAX_CAPACITY) * cur_width);
int full = (int) ((width / MAX_CAPACITY) * FULL_CAPACITY);

1 2	int till = (int) ((width / MAX_CAPACITY) * cur_width); int full = (int) ((width / MAX_CAPACITY) * FULL_CAPACITY);

Данные линии рисуют красный прямоугольник, указывающий на перепрожиг:

qp.setPen(redColor);
qp.setBrush(redColor);
qp.drawRect(full, 0, till-full, PANEL_HEIGHT);

qp.setPen(redColor);

qp.setBrush(redColor);

qp.drawRect(full, 0, till-full, PANEL_HEIGHT);

Рисуем небольшие вертикальные линии:

qp.drawLine(i*step, 0, i*step, LINE_WIDTH);

1	qp.drawLine(istep, 0, istep, LINE_WIDTH);

Рисуем числа шкалы. Чтобы точно расположить числа, мы должны получить ширину строки:

QFontMetrics metrics(font());

int w = metrics.width(num[i-1]);
qp.drawText(i*step-w/2, DISTANCE, num[i-1]);

QFontMetrics metrics(font());

int w = metrics.width(num[i-1]);

qp.drawText(i*step-w/2, DISTANCE, num[i-1]);

Основной файл программы — main.cpp:

#include <QApplication>
#include "burning.h"

int main(int argc, char *argv[]) {
    
  QApplication app(argc, argv);
  Burning window;

  window.resize(370, 200);
  window.setWindowTitle("The Burning widget");
  window.show();

  return app.exec();
}

#include <QApplication>

#include "burning.h"

int main(int argc, char *argv[]) {

QApplication app(argc, argv);

Burning window;

window.resize(370, 200);

window.setWindowTitle("The Burning widget");

window.show();

return app.exec();

}

Результат выполнения программы:

Заключение

На этом всё. На следующем уроке мы с вами попробуем создать свой аналог игры «Змейка».

Оценить статью:

(20 оценок, среднее: 4,85 из 5)

Загрузка...

Комментариев: 3

Finchi:

14 ноября 2022 в 13:56

Осторожно, Qt6! 🙂
Cделал аналогичный виджет, который, на мой взгляд, получился более универсальным.

Qt6 в Microsoft Visual Studio 2022 Enterprise Edition:

ProgressLine.h

#pragma once
#include <qframe.h>
#include <qpainter.h>

class ProgressLine :
	public QFrame
{
public:
	ProgressLine(QFrame* parent = nullptr, int min = 0, int max = 100, int points = 11, int orange_zone = 70, int red_zone = 90);
private:
	void paintEvent(QPaintEvent* event);
	void doPainting();
public:
	void setValue(int value = 0);
private:
	static const int M_LINE_HEIGHT = 5; // высота линий
	static const int M_FONT_SIZE = 10; // размер шрифта
	static const int M_PIXELS_BETWEN_LINE_AND_TEXT = 2; // расстояние между линиями и числами
private:
	int m_value; // главное значение виджета
	int m_min; // минимум
	int m_max; // максимум
	int m_count; // количество линий (точек с числами, которые рисуем на виджете)
	int m_orange_zone; // значение, где начинается оранжевая зона
	int m_red_zone; // значение, где начинается красная зона
};

#pragma once

#include <qframe.h>

#include <qpainter.h>

class ProgressLine :

public QFrame

{

public:

ProgressLine(QFrame* parent = nullptr, int min = 0, int max = 100, int points = 11, int orange_zone = 70, int red_zone = 90);

private:

void paintEvent(QPaintEvent* event);

void doPainting();

public:

void setValue(int value = 0);

private:

static const int M_LINE_HEIGHT = 5; // высота линий

static const int M_FONT_SIZE = 10; // размер шрифта

static const int M_PIXELS_BETWEN_LINE_AND_TEXT = 2; // расстояние между линиями и числами

private:

int m_value; // главное значение виджета

int m_min; // минимум

int m_max; // максимум

int m_count; // количество линий (точек с числами, которые рисуем на виджете)

int m_orange_zone; // значение, где начинается оранжевая зона

int m_red_zone; // значение, где начинается красная зона

};

ProgressLine.cpp

#include "ProgressLine.h"
#include <qlist.h>
#include <qstring.h>
#include <qfontmetrics.h>

ProgressLine::ProgressLine(QFrame* parent, int min, int max, int points, int orange_zone, int red_zone)
	:QFrame(parent), m_value(min), m_min(min), m_max(max), m_count(points), m_orange_zone(orange_zone), m_red_zone(red_zone)
	// Инициализируем родительский класс и переменные-члены
{}

void ProgressLine::paintEvent(QPaintEvent* event)
{
	Q_UNUSED(event); // указываем компилятору на неиспользуемую переменную
	doPainting(); // делегируем отрисовку методу doPainting
}

void ProgressLine::doPainting()
{
	QPainter painter(this); // создаем объект QPainter
	qreal widgetWidth = this->width() - 2; // вычисляем ширину виджета и отнимаем 2 пикселя для корректной отрисовки крайних вертикальных линий
	QList<QString> numbers; // создаем список строк, в котором будем хранить числа в формате строки
	// Заполняем список числами, вычисляем их в зависимости от установленного минимального, максимального значения и количества точек
	for (int i = 0; i < m_count; i++)
	{
		QString temp;
		int numerator = m_max - m_min;
		int denominator = m_count - 1;
		if (denominator != 0)
			temp.setNum(m_min + i * numerator / denominator);
		numbers.push_back(temp);
	}
	QFont font("Times New Roman", M_FONT_SIZE); // шрифт для чисел
	QFontMetrics metrics(font); // измеритель шрифта
	for (int pos = 0; pos < numbers.size(); pos++)
	{
		qreal textMid = metrics.horizontalAdvance(numbers.at(pos)) / 2.0; // вычисляем средину строки в пикселях для каждого числа из списка
		qreal step = widgetWidth / (numbers.size() - 1) * (pos); // вычисляем позицию для отрисовки линий
		painter.drawLine(step, 0, step, M_LINE_HEIGHT); // рисуем вертикальные линии
		painter.setFont(font); // установим шрифт для чисел
		// Рисуем числа для всех линий кроме первой и последней
		if (pos != 0 && pos != numbers.size() - 1)
			painter.drawText(step - textMid, M_FONT_SIZE + M_LINE_HEIGHT + M_PIXELS_BETWEN_LINE_AND_TEXT, numbers.at(pos));
	}
	qreal one_point_width = widgetWidth / (m_max - m_min); // вычисляем ширину в пикселях одного пункта m_value 
	painter.setPen(QPen(QBrush(QColor("grey")), 1, Qt::SolidLine)); // установим перо для контура прямоугольника
	painter.setOpacity(0.5); // установим прозрачность прямоугольника
	// Рисуем прямоугольник для зеленой зоны
	if (m_value < m_orange_zone)
	{
		painter.setBrush(QColor("light green"));
		painter.drawRect(0, 0, one_point_width * m_value - one_point_width * m_min, 30);
	}
	// Рисуем прямоугольник для оранжевой зоны
	else if (m_value < m_red_zone)
	{
		painter.setBrush(QColor("light green"));
		painter.drawRect(0, 0, one_point_width * m_orange_zone - one_point_width * m_min, 30);
		painter.setBrush(QColor("orange"));
		painter.drawRect(one_point_width * m_orange_zone - one_point_width * m_min, 0, one_point_width * m_value - one_point_width * m_orange_zone, 30);
	}
	// Рисуем прямоугольник для красной зоны
	else
	{
		painter.setBrush(QColor("light green"));
		painter.drawRect(0, 0, one_point_width * m_orange_zone - one_point_width * m_min, 30);
		painter.setBrush(QColor("orange"));
		painter.drawRect(one_point_width * m_orange_zone - one_point_width * m_min, 0, one_point_width * m_value - one_point_width * m_orange_zone, 30);
		painter.setBrush(QColor("red"));
		painter.drawRect(one_point_width * m_red_zone - one_point_width * m_min, 0, one_point_width * m_value - one_point_width * m_red_zone, 30);
	}
}
// Сеттер для установки m_value
void ProgressLine::setValue(int value)
{
	if (value >= m_min && value <= m_max)
		m_value = value;
	this->repaint(); // перерисовываем виджет при каждом изменения значения
}

#include "ProgressLine.h"

#include <qlist.h>

#include <qstring.h>

#include <qfontmetrics.h>

ProgressLine::ProgressLine(QFrame* parent, int min, int max, int points, int orange_zone, int red_zone)

:QFrame(parent), m_value(min), m_min(min), m_max(max), m_count(points), m_orange_zone(orange_zone), m_red_zone(red_zone)

// Инициализируем родительский класс и переменные-члены

{}

void ProgressLine::paintEvent(QPaintEvent* event)

{

Q_UNUSED(event); // указываем компилятору на неиспользуемую переменную

doPainting(); // делегируем отрисовку методу doPainting

}

void ProgressLine::doPainting()

{

QPainter painter(this); // создаем объект QPainter

qreal widgetWidth = this->width() - 2; // вычисляем ширину виджета и отнимаем 2 пикселя для корректной отрисовки крайних вертикальных линий

QList<QString> numbers; // создаем список строк, в котором будем хранить числа в формате строки

// Заполняем список числами, вычисляем их в зависимости от установленного минимального, максимального значения и количества точек

for (int i = 0; i < m_count; i++)

{

QString temp;

int numerator = m_max - m_min;

int denominator = m_count - 1;

if (denominator != 0)

temp.setNum(m_min + i * numerator / denominator);

numbers.push_back(temp);

}

QFont font("Times New Roman", M_FONT_SIZE); // шрифт для чисел

QFontMetrics metrics(font); // измеритель шрифта

for (int pos = 0; pos < numbers.size(); pos++)

{

qreal textMid = metrics.horizontalAdvance(numbers.at(pos)) / 2.0; // вычисляем средину строки в пикселях для каждого числа из списка

qreal step = widgetWidth / (numbers.size() - 1) * (pos); // вычисляем позицию для отрисовки линий

painter.drawLine(step, 0, step, M_LINE_HEIGHT); // рисуем вертикальные линии

painter.setFont(font); // установим шрифт для чисел

// Рисуем числа для всех линий кроме первой и последней

if (pos != 0 && pos != numbers.size() - 1)

painter.drawText(step - textMid, M_FONT_SIZE + M_LINE_HEIGHT + M_PIXELS_BETWEN_LINE_AND_TEXT, numbers.at(pos));

}

qreal one_point_width = widgetWidth / (m_max - m_min); // вычисляем ширину в пикселях одного пункта m_value

painter.setPen(QPen(QBrush(QColor("grey")), 1, Qt::SolidLine)); // установим перо для контура прямоугольника

painter.setOpacity(0.5); // установим прозрачность прямоугольника

// Рисуем прямоугольник для зеленой зоны

if (m_value < m_orange_zone)

{

painter.setBrush(QColor("light green"));

painter.drawRect(0, 0, one_point_width * m_value - one_point_width * m_min, 30);

}

// Рисуем прямоугольник для оранжевой зоны

else if (m_value < m_red_zone)

{

painter.setBrush(QColor("light green"));

painter.drawRect(0, 0, one_point_width * m_orange_zone - one_point_width * m_min, 30);

painter.setBrush(QColor("orange"));

painter.drawRect(one_point_width * m_orange_zone - one_point_width * m_min, 0, one_point_width * m_value - one_point_width * m_orange_zone, 30);

}

// Рисуем прямоугольник для красной зоны

else

{

painter.setBrush(QColor("light green"));

painter.drawRect(0, 0, one_point_width * m_orange_zone - one_point_width * m_min, 30);

painter.setBrush(QColor("orange"));

painter.drawRect(one_point_width * m_orange_zone - one_point_width * m_min, 0, one_point_width * m_value - one_point_width * m_orange_zone, 30);

painter.setBrush(QColor("red"));

painter.drawRect(one_point_width * m_red_zone - one_point_width * m_min, 0, one_point_width * m_value - one_point_width * m_red_zone, 30);

}

// Сеттер для установки m_value

void ProgressLine::setValue(int value)

{

if (value >= m_min && value <= m_max)

m_value = value;

this->repaint(); // перерисовываем виджет при каждом изменения значения

}

Burning.h

#pragma once
#include <qwidget.h>
#include "ProgressLine.h"

class Burning :
    public QWidget
{
public:
    Burning(QWidget* parent = nullptr);
};

#pragma once

#include <qwidget.h>

#include "ProgressLine.h"

class Burning :

public QWidget

{

public:

Burning(QWidget* parent = nullptr);

};

Burning.cpp

#include "Burning.h"
#include <QBoxLayout>
#include <qslider.h>

Burning::Burning(QWidget* parent)
{
	QVBoxLayout* vbox = new QVBoxLayout(this);
	QHBoxLayout* hbox = new QHBoxLayout(this);
	QSlider* slider = new QSlider(Qt::Horizontal);
	ProgressLine* pl = new ProgressLine();
	vbox->setSpacing(20);
	hbox->addWidget(slider);
	hbox->addStretch(1);
	vbox->addLayout(hbox);
	vbox->addWidget(pl);
	setLayout(vbox);
	connect(slider, &QSlider::valueChanged, pl, &ProgressLine::setValue); // соединяем изменение значения слайдера с сеттером класса ProgressLine 
	this->resize(300, 100);
	this->setMinimumSize(300, 100);
}

#include "Burning.h"

#include <QBoxLayout>

#include <qslider.h>

Burning::Burning(QWidget* parent)

{

QVBoxLayout* vbox = new QVBoxLayout(this);

QHBoxLayout* hbox = new QHBoxLayout(this);

QSlider* slider = new QSlider(Qt::Horizontal);

ProgressLine* pl = new ProgressLine();

vbox->setSpacing(20);

hbox->addWidget(slider);

hbox->addStretch(1);

vbox->addLayout(hbox);

vbox->addWidget(pl);

setLayout(vbox);

connect(slider, &QSlider::valueChanged, pl, &ProgressLine::setValue); // соединяем изменение значения слайдера с сеттером класса ProgressLine

this->resize(300, 100);

this->setMinimumSize(300, 100);

}

main.cpp

#include "QtWidgetsApplication1.h"
#include <QtWidgets/QApplication>
#include <qpainter.h>
#include "Burning.h"

int main(int argc, char* argv[])
{
	QApplication a(argc, argv);

	Burning window;

	window.setWindowTitle("Window");
	window.setWindowIcon(QIcon("Finch.jpg"));
	window.show();

	return a.exec();
}

#include "QtWidgetsApplication1.h"

#include <QtWidgets/QApplication>

#include <qpainter.h>

#include "Burning.h"

int main(int argc, char* argv[])

{

QApplication a(argc, argv);

Burning window;

window.setWindowTitle("Window");

window.setWindowIcon(QIcon("Finch.jpg"));

window.show();

return a.exec();

}

Ответить

Vlad:

5 октября 2020 в 13:15

Присоединяюсь к вопросу. Хотелось бы видеть свои виджеты слева в колонкe дизайнера форм. Как их туда вставить?

Ответить
John Meow:

22 апреля 2020 в 15:22

Как сделать, чтобы этот виджет показывался в редакторе форм?

Ответить

Урок №13. Создание пользовательского виджета в Qt5

Виджет записи данных на диск

Заключение

Комментариев: 3

Добавить комментарий Отменить ответ