十三、Qt2D绘图（三）绘制文字.PDF

十三、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”); } 效果如下。 这里的所有字体我们可以在设计器中进行查看。如下。 分类：Qt系列教程 作者： yafeilinux 日期： 四月 30th, 2010. 3,062 views Tags: 2D绘图, creator, qt, yafeilinux, 教程