QT:使用“状态模式”绘制界面
QT与很多GUI库不同(如MFC),它不能随时随地地在界面上画图,只能在界面类的painterEvent中画图,如此一来,想在绘制QT界面时使用状态模式(GOF的23种设计模式之一)就有点困难了,作为解决方案,我先把要界面上的图片绘制在一张图片上(QPixmap),然后再在painterEvent中将Pixmap“画”到界面上。以下是这种方法的一个小例子。
截图:



源代码:
- #include <QtGui>
- //状态类的基类,定义了各个公用接口,
- //其中,SetPixmap是一个纯虚接口
- class BasePen
- {
- protected:
- //这三个类成员理应是BasePen的私有成员,然后通过接口访问
- //我这里为了方便,直接把它们设为保护成员了
- QPixmap m_Pixmap;
- QPoint m_StartPoint;
- QPoint m_EndPoint;
- virtual void SetPixmap() = 0;
- public:
- BasePen()
- {
- m_StartPoint = m_EndPoint = QPoint(0, 0);
- m_Pixmap = QPixmap(500, 500);
- }
- void SetStartPoint(QPoint point) { m_StartPoint = point; }
- void SetEndPoint(QPoint point)
- {
- m_EndPoint = point;
- SetPixmap();
- }
- QPixmap GetPixmap() { return m_Pixmap; }
- };
- //矩形类,在界面上画一个红色的矩形
- class RectPen : public BasePen
- {
- protected:
- void SetPixmap()
- {
- m_Pixmap.fill(Qt::white);
- QPainter painter(&m_Pixmap);
- QRect rect(m_StartPoint, m_EndPoint);
- painter.setPen(Qt::red);
- painter.drawRect(rect);
- }
- };
- //直线类,在界面上画一条蓝色的直线
- class LinePen : public BasePen
- {
- protected:
- void SetPixmap()
- {
- m_Pixmap.fill(Qt::white);
- QPainter painter(&m_Pixmap);
- painter.setPen(Qt::blue);
- painter.drawLine(m_StartPoint, m_EndPoint);
- }
- };
- //圆形类,在界面上画一个绿色的椭圆
- class CirclePen : public BasePen
- {
- protected:
- void SetPixmap()
- {
- m_Pixmap.fill(Qt::white);
- QPainter painter(&m_Pixmap);
- QRect rect(m_StartPoint, m_EndPoint);
- painter.setPen(Qt::green);
- painter.drawEllipse(rect);
- }
- };
- class Widget : public QWidget
- {
- Q_OBJECT
- private:
- bool m_MouseDown;
- BasePen *m_BasePen;
- RectPen *m_RectPen;
- LinePen *m_LinePen;
- CirclePen *m_CirclePen;
- //在界面上放三个按钮,用来控制画图状态
- QRadioButton *m_LineButton;
- QRadioButton *m_RectButton;
- QRadioButton *m_CircleButton;
- protected:
- void mousePressEvent(QMouseEvent *event);
- void mouseMoveEvent(QMouseEvent *event);
- void mouseReleaseEvent(QMouseEvent *event);
- void paintEvent(QPaintEvent *event);
- public:
- Widget(QWidget *parent = 0);
- ~Widget();
- private slots:
- void ClickedLineButton() { m_BasePen = m_LinePen; }
- void ClickedRectButton() { m_BasePen = m_RectPen; }
- void ClickedCircleButton() { m_BasePen = m_CirclePen; }
- };
- Widget::Widget(QWidget *parent /* = 0 */)
- : QWidget(parent)
- {
- m_MouseDown = false;
- m_RectPen = new RectPen;
- m_LinePen = new LinePen;
- m_CirclePen = new CirclePen;
- m_LineButton = new QRadioButton("Line", this);
- m_RectButton = new QRadioButton("Rect", this);
- m_CircleButton = new QRadioButton("Circle", this);
- m_LineButton->move(10, 10);
- m_RectButton->move(100, 10);
- m_CircleButton->move(200, 10);
- connect(m_LineButton, SIGNAL(clicked()), this, SLOT(ClickedLineButton()));
- connect(m_RectButton, SIGNAL(clicked()), this, SLOT(ClickedRectButton()));
- connect(m_CircleButton, SIGNAL(clicked()), this, SLOT(ClickedCircleButton()));
- m_BasePen = m_LinePen;
- m_LineButton->setChecked(true);
- setFixedSize(500, 500);
- }
- Widget::~Widget()
- {
- delete m_LinePen;
- delete m_RectPen;
- delete m_CirclePen;
- }
- void Widget::mousePressEvent(QMouseEvent *event)
- {
- if( event->button() == Qt::LeftButton )
- {
- m_MouseDown = true;
- m_BasePen->SetStartPoint(event->pos());
- }
- }
- void Widget::mouseMoveEvent(QMouseEvent *event)
- {
- if( m_MouseDown )
- {
- m_BasePen->SetEndPoint(event->pos());
- update();
- }
- }
- void Widget::mouseReleaseEvent(QMouseEvent *event)
- {
- if( event->button() == Qt::LeftButton )
- {
- m_MouseDown = false;
- }
- }
- void Widget::paintEvent(QPaintEvent *event)
- {
- QPixmap temp = m_BasePen->GetPixmap();
- QPainter painter(this);
- painter.drawPixmap(0, 0, temp);
- }
- #include "main.moc"
- int main(int argc, char **argv)
- {
- QApplication app(argc, argv);
- Widget *ww = new Widget;
- ww->show();
- return app.exec();
- }
http://blog.csdn.net/small_qch/article/details/7632226
QT:使用“状态模式”绘制界面的更多相关文章
- Android自定义控件7--自定义开关--绘制界面内容
本文实现全自定义控件--自定义开关 本文地址:http://www.cnblogs.com/wuyudong/p/5922316.html,转载请注明源地址. 自定义开关 (View),本文完成下面内 ...
- iOS - 在工程中试玩状态模式
做了一个项目,项目中一个藏品详情界面针对不同用户,和用户所处于的状态的不同,展示的效果和操作的权限都会不同.想到了状态模式,从来没有用过,赶紧学一下然后用一用.期待兴奋 看了这么多的博客,终于找到一个 ...
- 【状态模式】 State Pattern
我们先设计一个场景,饮料自动售卖机,来设计一下它的出售流程. 流程图中,我们可把这个过程看成几个状态: 投币状态,选择饮料状态,售出状态,出售完毕状态. ,有了这个四个状态,我们设计一下界面(很粗略) ...
- 【转】设计模式 ( 十七) 状态模式State(对象行为型)
设计模式 ( 十七) 状态模式State(对象行为型) 1.概述 在软件开发过程中,应用程序可能会根据不同的情况作出不同的处理.最直接的解决方案是将这些所有可能发生的情况全都考虑到.然后使用if... ...
- (转)Qt Model/View 学习笔记 (一)——Qt Model/View模式简介
Qt Model/View模式简介 Qt 4推出了一组新的item view类,它们使用model/view结构来管理数据与表示层的关系.这种结构带来的 功能上的分离给了开发人员更大的弹性来定制数据项 ...
- 设计模式 ( 十八 ):State状态模式 -- 行为型
1.概述 在软件开发过程中,应用程序可能会根据不同的情况作出不同的处理.最直接的解决方案是将这些所有可能发生的情况全都考虑到.然后使用if... ellse语句来做状态判断来进行不同情况的处理.但是对 ...
- 设计模式 ( 十七) 状态模式State(对象行为型)
设计模式 ( 十七) 状态模式State(对象行为型) 1.概述 在软件开发过程中,应用程序可能会根据不同的情况作出不同的处理.最直接的解决方案是将这些所有可能发生的情况全都考虑到.然后使用if... ...
- JavaScript中的设计模式:状态模式
前几天写了一个贪吃蛇小游戏,正好用到了状态模式. 定义 当一个对象内部状态发生改变时候,会导致其行为的改变,这看起来像是改变了对象. 简单的例子 如果一个函数要更具某一个对象的状态来判断该对象应该执行 ...
- Java设计模式(19)状态模式(State模式)
State的定义:不同的状态,不同的行为:或者说,每个状态有着相应的行为. 何时使用状态模式 State模式在实际使用中比较多,适合"状态的切换".因为我们经常会使用If else ...
随机推荐
- webservice 技术改进
Webservice 技术改进 1.不同系统不同语言之间的交互 基于http协议进行传输,使用REST服务实现WS 2.不同系统相同语言之间的交互 使用RPC(romate process call) ...
- apache主目录,配置文件目录结构说明
apache服务安装成功后,主要的目录结构如下: |-- bin 程序命令目录[apache执行文件的目录如apachectl,htpassed] |-- build |-- cgi-bin 预设给一 ...
- TabHost刷新activity的方法
在android中,使用tabHost的时候,如果tab被点击,该tab所对应的activity被加载了,从别的tab切换回来的时候,activity不会再次被创建了(onCreate),所以要想每次 ...
- c# 控制IE浏览器
原文 http://www.cnblogs.com/love2wllw/archive/2010/05/19/1739327.html 想写一个桌面程序,用C#.程序运行后,会用IE打开指定的网页,并 ...
- Android自定义View——自定义搜索框(SearchView)
Android自定义View——自定义搜索框(SearchView) http://www.apkbus.com/android-142064-1-1.html
- 关于oracle动态视图v$datafile和v$datafile_header(转)
v$datafile是从oracle的控制文件中获得的数据文件的信息v$datafile_header是从数据文件的头部在正常运行下,两者的检查点SCN值是一致的,但当datafile出现损坏时可以用 ...
- 【Shell脚本】运行shell脚本文件的几种方法与区别
Shell脚本不同的运行方式会对当前Shell设置或者运行结果有所不同. 假设现在有一个脚本名为display_shell_script_args.sh,其内容如下: #!/home/pyf/bin/ ...
- Count Primes 解答
Question Count the number of prime numbers less than a non-negative number, n. Solution 1 Naive way, ...
- Red and Black(BFS or DFS) 分类: dfs bfs 2015-07-05 22:52 2人阅读 评论(0) 收藏
Description There is a rectangular room, covered with square tiles. Each tile is colored either red ...
- 使用jquery获取网页中图片的高度——解惑
jQuery获取网页中图片的高度 使用jquery获取网页中图片的高度其实很简单,有两种常用的方法都可以打到我们的目的 $("img").whith();(返回纯数字) $(&qu ...