qt布局调用自定义函数_【Qt学习笔记】11.自定义控件 Customize the Widget

一、窗口绘制——基本方法

自定义窗口：

Qt里允许自定义窗口控件，使之满足特殊的要求：

1、可以修改其显示，自行绘制

2、可以呈现动态效果

3、可以添加事件，支持鼠标和键盘操作

自定义的控件可以直接在Qt Designer 中使用，可以直接加到父窗口里。

步骤：

1、新建一个类，继承于QWidget和QFrame，最好是继承于QFrame

2、重写以下函数 void CellMonitor::paintEvent( QPaintEvent* event )

3、使用这个类CircleWidget::CircleWidget(QWidget *parent)

: QFrame(parent)

{

}

CircleWidget::~CircleWidget()

{

}

void CircleWidget::paintEvent(QPaintEvent * event)

{

QPainter painter(this);

painter.setBrush(QBrush(QColor(0x00, 0xff, 0x00)));

painter.drawEllipse(QPoint(100, 100), 100, 100);

}

在Qt Designer里使用：

自定义的Widget可以和原生控件一样，直接在Qt Designer里拖放布局。

1、拖放一个父类控件，如QFrame

2、Promote to ...具体化为子类控件，即可完成

二、窗口的绘制——几何图形的绘制

常用:

Line:直线

Rect:长方形(含正方形)

Ellipse:椭圆(含圆形)

其他：

Arc:圆弧

Chord:封闭圆弧

polygon:多边形

RGB颜色：

在绘图时经常要指定颜色，Qt里使用RGB颜色，即由Red、Green、Blue分量定义的颜色值。每个分量0 ~ 255

如：

QColor green(0, 0xFF, 0);

QColor white(0xFF, 0xFF, 0xFF);

QColor black(0, 0, 0);

QPen与QBrush：

在Qt中，有两种绘制参数

QPen:负责线条的颜色和风格

QBrush:负责填充的颜色和风格

比如说，当画一个圆时，由当前QPen来决定线条，由QBrush来决定填充(所围区域)

注意：

1、对于非闭合形状，如Line，是不填充的

2、要先设置好色彩 然后再画，不然画完才设置颜色显然是无意义的

常用的几个类型：

QPoint:描述了一个点的坐标

QSize:描述了宽度和高度

QRect:描述了一个矩形的坐标和大小

另外，QPointF、QRectF是对应的float版本

一般情况下，后绘制的窗口会覆盖先前绘制的窗口

三、窗口的绘制——动画的实现

图画的运动：

每秒钟重绘n次，对人眼来说，它看起来就是运动的

步骤：

1、创建一个定时器

2、调用QWidget::update()，通知界面重绘

注意：

update()函数只是通知界面重新绘制，会在事件循环中产生一个“绘制事件(paint event)”，在适合的时候才会重新绘制 (简单的说，就是生成了一个重绘信号，等待响应处理，而并不是立刻重绘)

四、窗口的绘制——文字的绘制

1、颜色:QPen

2、字体:QFont

字体包含以下参数：

family(字体):如 "Times" "宋体"

size(大小):如 10  16

weight(样式): 如 QFont:Normal, QFont::Bold Q