首页 > 代码库 > 【Qt5开发及实例】18、图形修饰小工具
【Qt5开发及实例】18、图形修饰小工具
图形修饰小工具
无力吐槽，这是我第三遍写这个了，到底是个什么意思？？？我只要一贴代码，浏览器直接崩溃，呵呵了，我也是，我现在只要写完一段字我就保存，尼玛在掉我就不写了，写到word里面，再贴上来。
效果
左边图形展示界面
paintarea.h
/**
* 书本:【Qt5开发及实例】
* 功能:实现绘画各种图形
* 文件:paintarea.h
* 时间:2015年1月21日16:59:25
* 作者:cutter_point
*/
#ifndef PAINTAREA_H
#define PAINTAREA_H
#include <QWidget>
#include <QPen>
#include <QBrush>
#include <QRect>
class PaintArea : public QWidget
{
Q_OBJECT
public:
//能绘画的各种形状
enum Shape{Line, Rectangle, RoundRect, Ellipse, Polygon, Polyline, Points, //我也是醉了，在括号里面"/**/"这样注释居然会报错= =
Arc, Path, Text, Pixmap}; //线条，矩形，圆角矩形，椭圆，多边形，折线，点，弧线，路径，文字，像图
explicit PaintArea(QWidget *parent = 0);
void setShape(Shape); //形状设置
void setPen(QPen); //画笔设置
void setBrush(QBrush); //设置画刷
void setFillRule(Qt::FillRule); //设置填充模式
void paintEvent(QPaintEvent *); //重画事件
signals:
public slots:
private:
Shape shape; //形状
QPen pen; //画笔
QBrush brush; //画刷
Qt::FillRule fillRule; //填充模式
};
#endif // PAINTAREA_H
paintarea.cpp
/**
* 书本:【Qt5开发及实例】
* 功能:实现绘画各种图形
* 文件:paintarea.h
* 时间:2015年1月21日16:59:25
* 作者:cutter_point
*/
#include "paintarea.h"
#include <QPainter>
PaintArea::PaintArea(QWidget *parent) :
QWidget(parent)
{
setPalette(QPalette(Qt::white)); //设置为白色
setAutoFillBackground(true); //设置背景颜色
setMinimumSize(400, 400); //大小范围
/*
和上面的写法效果一样
QPalette p = palette();
p.setColor(QPalette::Window, Qt::white);
setPalette(p);
*/
}
//设置形状，设置画笔，设置画刷，设置背景填充模式
void PaintArea::setShape(Shape s)
{
shape = s;
update(); //更新
}
void PaintArea::setPen(QPen p)
{
pen = p;
update();
}
void PaintArea::setBrush(QBrush b)
{
brush = b;
update();
}
void PaintArea::setFillRule(Qt::FillRule rule) //填充规则
{
fillRule = rule;
update(); //重画绘制区窗体
}
//重画函数
void PaintArea::paintEvent(QPaintEvent *)
{
QPainter p(this); //获得当前图画功能
p.setPen(pen);
p.setBrush(brush);
//QRect::QRect(int x, int y, int width, int height) Constructs a rectangle with (x, y) as its top-left corner and the given width and height.
QRect rect(50, 100, 300, 200); //画一个矩形，四个参数，第一和第二个是左上角开始的坐标x,y，然后就是宽和高
static const QPoint points[4] = //用来画多边形，点，多变线准备
{
QPoint(150, 100),
QPoint(300, 150),
QPoint(350, 250),
QPoint(100, 300)
};
int startAngle = 30 * 16; //起始角，这里用1/16来表示单位度，所以这个是30度，也就是16就是1°
int spanAngle = 120*16;
QPainterPath path; //画图像的类
path.addRect(150, 150, 100, 100); //开始画了一个矩形
path.moveTo(100, 100); //移动到新的画的起始点
path.cubicTo(300, 100, 200, 200, 300, 300); //画贝塞尔曲线
path.cubicTo(100, 300, 200, 200, 100, 100);
path.setFillRule(fillRule); //设置填充模式
//判断要画何种图形
switch(shape)
{
case Line: //一条直线
p.drawLine(rect.topLeft(), rect.bottomRight()); break;
case Rectangle: //长方形
p.drawRect(rect); break;
case RoundRect: //圆角方形
p.drawRoundRect(rect); break;
case Ellipse: //椭圆
p.drawEllipse(rect); break;
case Polygon: //多边形
p.drawPolygon(points, 4); break;
case Polyline: //多边线
p.drawPolyline(points, 4); break;
case Points: //点
p.drawPoints(points, 4); break;
case Arc: //弧线
p.drawArc(rect, startAngle, spanAngle); break;
case Path: //路径
p.drawPath(path); break;
case Text: //文字
p.drawText(rect, Qt::AlignCenter, tr("Hello cutter_point!")); break;
case Pixmap: //图片
p.drawPixmap(150, 150, QPixmap(":/butterfly.png")); break;
default: break;
}
}
哎，这个定义实现文件我贴了三遍，尼玛我发现贴代码，最后的空行还不能太多，不然这网站就会让你的浏览器崩溃，呵呵，我不知道别人是不是这样，我这里只要代码最后空行一多就会崩溃。。。。
主窗口实现
就是这些。
mainwidget.h
/**
* 书本:【Qt5开发及实例】
* 功能:实现绘画各种图形
* 文件:paintarea.h
* 时间:2015年1月21日17:59:59
* 作者:cutter_point
*/
#ifndef MAINWIDGET_H
#define MAINWIDGET_H
#include "paintarea.h"
#include <QWidget>
#include <QLabel>
#include <QComboBox>
#include <QSpinBox>
#include <QPushButton>
#include <QGridLayout>
#include <QGradient>
class MainWidget : public QWidget
{
Q_OBJECT
public:
MainWidget(QWidget *parent = 0);
~MainWidget();
private:
PaintArea *paintArea; //前面写的那个类的一个对象
QLabel *shapeLabel; //形状选择标签
QComboBox *shapeComboBox;
QLabel *penWidthLabel; //画笔的线宽
QSpinBox *penWidthSpinBox;
QLabel *penColorLabel; //画笔颜色
QFrame *penColorFrame; //画笔颜色的界面
QPushButton *penColorBtn; //颜色改变按钮
QLabel *penStyleLabel; //画笔风格
QComboBox *penStyleComboBox;
QLabel *penCapLabel; //画笔顶帽
QComboBox *penCapComboBox;
QLabel *penJoinLabel; //画笔连接点
QComboBox *penJoinComboBox;
QLabel *fillRuleLabel; //填充模式
QComboBox *fillRuleComboBox;
QLabel *spreadLabel; //铺展效果
QComboBox *spreadComboBox;
QGradient::Spread spread;
QLabel *brushStyleLabel; //画刷风格
QComboBox *brushStyleComboBox;
QLabel *brushColorLabel; //画刷颜色
QFrame *brushColorFrame; //画刷颜色选择界面
QPushButton *brushColorBtn;
QGridLayout *rightLayout;
protected slots:
void ShowShape(int); //显示改变的颜色
void ShowPenWidth(int value); //显示改变之后的画笔宽
void ShowPenColor(); //显示改变之后的画笔颜色
void ShowPenStyle(int); //显示改变之后的画笔风格
void ShowPenCap(int); //显示改变之后的画笔顶帽
void ShowPenJoin(int); //显示改变之后的画笔连接点
void ShowSpreadStyle(); //显示改变之后的铺展效果
void ShowFillRule(); //显示改变之后的填充风格
void ShowBrushColor(); //显示改变之后的画刷颜色
void ShowBrush(int); //显示改变之后的画刷
};
#endif // MAINWIDGET_H
mainwidget.cpp
/**
* 书本:【Qt5开发及实例】
* 功能:实现绘画各种图形
* 文件:paintarea.h
* 时间:2015年1月21日18:42:43
* 作者:cutter_point
*/
#include "mainwidget.h"
#include <QColorDialog>
MainWidget::MainWidget(QWidget *parent)
: QWidget(parent)
{
paintArea = new PaintArea; //创建一个头文件对象
shapeLabel = new QLabel(tr("SHAPE")); //形状
shapeComboBox = new QComboBox;
shapeComboBox->addItem(tr("Line"), PaintArea::Line);
shapeComboBox->addItem(tr("Rectangle"), PaintArea::Rectangle);
shapeComboBox->addItem(tr("RoundedRect"),PaintArea::RoundRect);
shapeComboBox->addItem(tr("Ellipse"),PaintArea::Ellipse);
shapeComboBox->addItem(tr("Polygon"),PaintArea::Polygon);
shapeComboBox->addItem(tr("Polyline"),PaintArea::Polyline);
shapeComboBox->addItem(tr("Points"),PaintArea::Points);
shapeComboBox->addItem(tr("Arc"),PaintArea::Arc);
shapeComboBox->addItem(tr("Path"),PaintArea::Path);
shapeComboBox->addItem(tr("Text"),PaintArea::Text);
shapeComboBox->addItem(tr("Pixmap"),PaintArea::Pixmap);
connect(shapeComboBox, SIGNAL(activated(int)), this, SLOT(ShowShape(int))); //相应的连接
penColorLabel = new QLabel(tr("pen color:")); //画笔颜色选择控件
penColorFrame = new QFrame;
penColorFrame->setFrameStyle(QFrame::Panel|QFrame::Sunken); //新创建的界面的风格是下凹的
penColorFrame->setAutoFillBackground(true); //设置背景颜色
penColorFrame->setPalette(QPalette(Qt::blue)); //设置调色板为蓝色
penColorBtn = new QPushButton(tr("change")); //更改按钮
connect(penColorBtn, SIGNAL(clicked()), this, SLOT(ShowPenColor()));
penWidthLabel = new QLabel(tr("pen width")); //画笔线宽
penWidthSpinBox = new QSpinBox;
penWidthSpinBox->setRange(0, 998);
connect(penWidthSpinBox, SIGNAL(valueChanged(int)), this, SLOT(ShowPenWidth(int)));
penStyleLabel = new QLabel(tr("pen style")); //画笔风格选择
penStyleComboBox = new QComboBox;
penStyleComboBox->addItem(tr("SolidLine"), static_cast<int>(Qt::SolidLine)); //实线
penStyleComboBox->addItem(tr("DashLine"), static_cast<int>(Qt::DashLine)); //虚线
penStyleComboBox->addItem(tr("DotLine"), static_cast<int>(Qt::DotLine)); //点虚线
penStyleComboBox->addItem(tr("DashDotLine"), static_cast<int>(Qt::DashDotLine)); //点虚线2
penStyleComboBox->addItem(tr("DashDotDotLine"), static_cast<int>(Qt::DashDotDotLine)); //点虚线3
penStyleComboBox->addItem(tr("CustomDashLine"), static_cast<int>(Qt::CustomDashLine)); //越来越虚线
connect(penStyleComboBox, SIGNAL(activated(int)), this, SLOT(ShowPenStyle(int)));
//画笔顶帽风格选择
penCapLabel =new QLabel(tr("pen cap:")); //画笔顶端风格选择下拉列表框
penCapComboBox =new QComboBox;
penCapComboBox->addItem(tr("SquareCap"),Qt::SquareCap); //方向。。。，包含终止然后突出一半的线宽
penCapComboBox->addItem(tr("FlatCap"),Qt::FlatCap); //方向的线条，不包含终点
penCapComboBox->addItem(tr("RoundCap"),Qt::RoundCap); //一个圆形的线条
connect(penCapComboBox,SIGNAL(activated(int)),this,SLOT(ShowPenCap (int)));
penJoinLabel =new QLabel(tr("画笔连接点：")); //画笔连接点风格选择下拉列表框
penJoinComboBox =new QComboBox;
penJoinComboBox->addItem(tr("BevelJoin"),Qt::BevelJoin); //线连接处的转折处没有三角突出
penJoinComboBox->addItem(tr("MiterJoin"),Qt::MiterJoin); //线连接处的转折处有三角突出
penJoinComboBox->addItem(tr("RoundJoin"),Qt::RoundJoin); //线连接处的转折处圆润
connect(penJoinComboBox,SIGNAL(activated(int)),this,SLOT(ShowPenJoin (int)));
fillRuleLabel =new QLabel(tr("填充模式:")); //填充模式选择下拉列表框
fillRuleComboBox =new QComboBox;
fillRuleComboBox->addItem(tr("Odd Even"),Qt::OddEvenFill); //以一个点画水平射线，有奇数个交点那么这儿点得填充
fillRuleComboBox->addItem(tr("Winding"),Qt::WindingFill); //设线，方向抵消之后不为0就填充
connect(fillRuleComboBox,SIGNAL(activated(int)),this,SLOT (ShowFillRule()));
spreadLabel =new QLabel(tr("铺展效果:")); //铺展效果选择下拉列表框
spreadComboBox =new QComboBox;
spreadComboBox->addItem(tr("PadSpread"),QGradient::PadSpread); //对非渐变的区域填充单一起始颜色或终止颜色
spreadComboBox->addItem(tr("RepeatSpread"),QGradient::RepeatSpread); //对渐变器明显作用
spreadComboBox->addItem(tr("ReflectSpread"),QGradient:: ReflectSpread); //缓和的作用
connect(spreadComboBox,SIGNAL(activated(int)),this,SLOT (ShowSpreadStyle()));
brushColorLabel =new QLabel(tr("画刷颜色:")); //画刷颜色选择控件
brushColorFrame =new QFrame;
brushColorFrame->setFrameStyle(QFrame::Panel|QFrame::Sunken);
brushColorFrame->setAutoFillBackground(true);
brushColorFrame->setPalette(QPalette(Qt::green));
brushColorBtn =new QPushButton(tr("更改"));
connect(brushColorBtn,SIGNAL(clicked()),this,SLOT (ShowBrushColor()));
brushStyleLabel =new QLabel(tr("画刷风格:")); //画刷风格选择下拉列表框
brushStyleComboBox =new QComboBox;
brushStyleComboBox->addItem(tr("SolidPattern"),static_cast<int>(Qt::SolidPattern));
brushStyleComboBox->addItem(tr("Dense1Pattern"),static_cast<int>(Qt::Dense1Pattern));
brushStyleComboBox->addItem(tr("Dense2Pattern"),static_cast<int>(Qt::Dense2Pattern));
brushStyleComboBox->addItem(tr("Dense3Pattern"),static_cast<int>(Qt::Dense3Pattern));
brushStyleComboBox->addItem(tr("Dense4Pattern"),static_cast<int>(Qt::Dense4Pattern));
brushStyleComboBox->addItem(tr("Dense5Pattern"),static_cast<int>(Qt::Dense5Pattern));
brushStyleComboBox->addItem(tr("Dense6Pattern"),static_cast<int>(Qt::Dense6Pattern));
brushStyleComboBox->addItem(tr("Dense7Pattern"),static_cast<int>(Qt::Dense7Pattern));
brushStyleComboBox->addItem(tr("HorPattern"),static_cast<int>(Qt::HorPattern));
brushStyleComboBox->addItem(tr("VerPattern"),static_cast<int>(Qt::VerPattern));
brushStyleComboBox->addItem(tr("CrossPattern"),static_cast<int>(Qt::CrossPattern));
brushStyleComboBox->addItem(tr("BDiagPattern"),static_cast<int>(Qt::BDiagPattern));
brushStyleComboBox->addItem(tr("FDiagPattern"),static_cast<int>(Qt::FDiagPattern));
brushStyleComboBox->addItem(tr("DiagCrossPattern"),static_cast<int>(Qt:: DiagCrossPattern));
brushStyleComboBox->addItem(tr("LinearGradientPattern"),static_cast<int>(Qt:: LinearGradientPattern));
brushStyleComboBox->addItem(tr("ConicalGradientPattern"),static_cast<int>(Qt:: ConicalGradientPattern));
brushStyleComboBox->addItem(tr("RadialGradientPattern"),static_cast<int>(Qt:: RadialGradientPattern));
brushStyleComboBox->addItem(tr("TexturePattern"),static_cast<int>(Qt::TexturePattern));
connect(brushStyleComboBox,SIGNAL(activated(int)),this,SLOT (ShowBrush(int)));
rightLayout =new QGridLayout; //控制面板的布局，网格布局
rightLayout->addWidget(shapeLabel,0,0);
rightLayout->addWidget(shapeComboBox,0,1);
rightLayout->addWidget(penColorLabel,1,0);
rightLayout->addWidget(penColorFrame,1,1);
rightLayout->addWidget(penColorBtn,1,2);
rightLayout->addWidget(penWidthLabel,2,0);
rightLayout->addWidget(penWidthSpinBox,2,1);
rightLayout->addWidget(penStyleLabel,3,0);
rightLayout->addWidget(penStyleComboBox,3,1);
rightLayout->addWidget(penCapLabel,4,0);
rightLayout->addWidget(penCapComboBox,4,1);
rightLayout->addWidget(penJoinLabel,5,0);
rightLayout->addWidget(penJoinComboBox,5,1);
rightLayout->addWidget(fillRuleLabel,6,0);
rightLayout->addWidget(fillRuleComboBox,6,1);
rightLayout->addWidget(spreadLabel,7,0);
rightLayout->addWidget(spreadComboBox,7,1);
rightLayout->addWidget(brushColorLabel,8,0);
rightLayout->addWidget(brushColorFrame,8,1);
rightLayout->addWidget(brushColorBtn,8,2);
rightLayout->addWidget(brushStyleLabel,9,0);
rightLayout->addWidget(brushStyleComboBox,9,1);
//总布局分配
QHBoxLayout *mainLayout = new QHBoxLayout(this); //整体的布局
mainLayout->addWidget(paintArea);
mainLayout->addLayout(rightLayout); //右边的一大块添加进去
mainLayout->setStretchFactor(paintArea, 1); //弹簧如果有那就返回true，没有这个界面的布局的话false
mainLayout->setStretchFactor(rightLayout, 0); //??????
ShowShape(shapeComboBox->currentIndex()); //显示默认的图形
}
//根据选择的形状设定形状显示
void MainWidget::ShowShape(int value)
{
PaintArea::Shape shape = PaintArea::Shape(shapeComboBox->itemData(value, Qt::UserRole).toInt());
paintArea->setShape(shape);
}
//显示画笔
void MainWidget::ShowBrush(int value)
{
//首先得到画刷的颜色
QColor color = brushColorFrame->palette().color(QPalette::Window);
Qt::BrushStyle style = Qt::BrushStyle(brushStyleComboBox->itemData(value, Qt::UserRole).toInt()); //得到画刷的风格
if(style == Qt::LinearGradientPattern) //如果当前选定的风格是线性渐变
{
QLinearGradient linearGradient(0, 0, 400, 400); //整个页面的起始位置和结束位置
linearGradient.setColorAt(0.0, Qt::white); //前面的那个数字是整个长度的0.x来表示
linearGradient.setColorAt(0.2, color); //这个表示在长度的五分之一的时候设置颜色是color
linearGradient.setColorAt(1.0, Qt::black); //这三个是颜色的渐变过程
linearGradient.setSpread(spread); //对这个spread进行渐变
paintArea->setBrush(linearGradient); //设置画刷
}
else if(style == Qt::RadialGradientPattern) //圆形渐变
{
QRadialGradient radialGradient(200, 200, 150, 150, 100); //分别是圆心，半径，焦点坐标，焦点就是颜色渐变的开始地方
radialGradient.setColorAt(0.0, Qt::white);
radialGradient.setColorAt(0.2, color);
radialGradient.setColorAt(1.0, Qt::black);
radialGradient.setSpread(spread); //设置扩散
}
else if(style == Qt::TexturePattern) //这个是为了画图形
{
//设置画刷是一个图形就可以了
paintArea->setBrush(QBrush(QPixmap(":/butterfly.png")));
}
else
{
paintArea->setBrush(QBrush(color, style)); //设置一个普通的画刷
}
}
//设置画刷颜色，然后调用展示画刷来实现
void MainWidget::ShowBrushColor()
{
QColor color = QColorDialog::getColor(static_cast<int>(Qt::blue)); //强制转化蓝色为int类型，然后赋值给颜色选择对话框
brushColorFrame->setPalette(QPalette(color)); //设置调色板颜色给定
ShowBrush(brushStyleComboBox->currentIndex()); //选择当前选中的画笔风格，调用ShowBrush函数来显示
}
//铺展效果展示
void MainWidget::ShowSpreadStyle()
{
spread = QGradient::Spread(spreadComboBox->itemData(spreadComboBox->currentIndex(), Qt::UserRole).toInt()); //设置铺展方式
}
//填充颜色的选择
void MainWidget::ShowFillRule()
{
Qt::FillRule rule = Qt::FillRule(fillRuleComboBox->itemData(fillRuleComboBox->currentIndex(), Qt::UserRole).toInt()); //把当前选择的填充方式拿出来
paintArea->setFillRule(rule); //设定新的填充规则
}
//获得与画笔相关的属性
void MainWidget::ShowPenColor()
{
//显示画笔的颜色
QColor color = QColorDialog::getColor(static_cast<int> (Qt::blue)); //画笔颜色
penColorFrame->setPalette(QPalette(color)); //设置画笔颜色界面的初始颜色
int value = http://www.mamicode.com/penWidthSpinBox->value(); //设置画笔宽度>
这里我就得说一下里面的那个渐变的实现了，我觉得理解是有点麻烦的，比如线性渐变和圆形渐变的差别，还有圆形渐变的焦点的作用我们先看看几张图就会明白了。
好的，这个是我在网上找的图，我做的那个不知道为什么没有显示，但是代码应该是没有错的，好的线性渐变这里有好几个变化
linearGradient.setColorAt(0.0, Qt::white); //前面的那个数字是整个长度的0.x来表示
linearGradient.setColorAt(0.2, color); //这个表示在长度的五分之一的时候设置颜色是color
linearGradient.setColorAt(1.0, Qt::black); //这三个是颜色的渐变过程
这里就是线性变化的代码，没错就是里面注释说的，从图中（X1，Y1）到（X2， Y2）的变化是从白到黑的radialGradient.setColorAt(0.0, Qt::white);
radialGradient.setColorAt(0.2, color);
radialGradient.setColorAt(1.0, Qt::black);而第二个图就是那个白色的地方就是第三个参数焦点了
主函数显示
/**
* 书本:【Qt5开发及实例】
* 功能:实现绘画各种图形
* 文件:main.cpp
* 时间:2015年1月23日18:42:54
* 作者:cutter_point
*/
#include "mainwidget.h"
#include <QApplication>
#include <QFont>
int main(int argc, char *argv[])
{
QApplication a(argc, argv);
QFont f("迷你简丫丫", 12); //设置字体
a.setFont(f);
MainWidget w;
w.show();
return a.exec();
}
最后，我们展示一下这个程序：
【Qt5开发及实例】18、图形修饰小工具
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。