十三、Qt 2D绘图（三）绘制文字

本文章原创于 转载请注明出处。

接着上一次的教程，这次我们学习在窗体上绘制文字。

1.绘制最简单的文字。

我们更改重绘函数如下：

void Dialog::paintEvent(QPaintEvent *)
{
    QPainter painter(this);
    painter.drawText(100,100,”yafeilinux”);
}

我们在（100，100）的位置显示了一行文字，效果如下。

2.为了更好的控制字体的位置。我们使用另一个构造函数。在帮助里查看drawText，如下。

这里我们看到了构造函数的原型和例子。其中的flags参数可以控制字体在矩形中的位置。我们更改函数内容如下。

void Dialog::paintEvent(QPaintEvent *)
{
    QPainter painter(this);
    QRectF ff(100,100,300,200);
    //设置一个矩形
    painter.drawRect(ff);
    //为了更直观地看到字体的位置，我们绘制出这个矩形
    painter.setPen(QColor(Qt::red));
    //设置画笔颜色为红色
    painter.drawText(ff,Qt::AlignHCenter,”yafeilinux”);
    //我们这里先让字体水平居中
}

效果如下。

可以看到字符串是在最上面水平居中的。如果想让其在矩形正中间，我们可以使用Qt::AlignCenter。

这里我们也可以使用两个枚举变量进行按位与操作，例如可以使用Qt::AlignBottom|Qt::AlignHCenter实现让文字显示在矩形下面的正中间。效果如下。

对于较长的字符串，我们也可以利用“\n”进行换行，例如”yafei\nlinux”。效果如下。

3.如果要使文字更美观，我们就需要使用QFont类来改变字体。先在帮助中查看一下这个类。

可以看到它有好几个枚举变量来设置字体。下面的例子我们对主要的几个选项进行演示。

更改函数如下。

void Dialog::paintEvent(QPaintEvent *)
{
    QFont font(“Arial”,20,QFont::Bold,true);
    //设置字体的类型，大小，加粗，斜体
    font.setUnderline(true);
    //设置下划线
    font.setOverline(true);
    //设置上划线
    font.setCapitalization(QFont::SmallCaps);
    //设置大小写
    font.setLetterSpacing(QFont::AbsoluteSpacing,5);
    //设置间距
    QPainter painter(this);
    painter.setFont(font);
    //添加字体
    QRectF ff(100,100,300,200);
    painter.drawRect(ff);
    painter.setPen(QColor(Qt::red));
    painter.drawText(ff,Qt::AlignCenter,”yafeilinux”);
}

效果如下。

这里的所有字体我们可以在设计器中进行查看。如下。

 

分类： 作者： yafeilinux 日期： 四月 30th, 2010.    
Tags: , , , ,