QT:浮动的饼状统计图(自绘不规则窗口)

昨天在玩手机游戏时,见到一个游戏的饼状投票统计图很漂亮,所以我今天也花了一个下午来实现了一个类似的程序娱乐一下,呵呵。

思路:
1:将窗体设为Qt::FramelessWindowHint和Qt::WA_TranslucentBackground(去掉标题栏,背景透明)。
2:重载程序的鼠标事件(移动程序)和键盘事件(模拟投票和退出)。
3:根据投票结果,在paintEvent函数中画几个扇形和其他东西。

操作说明:
1:按数字键0-9模拟投票。

2:按ESC键退出程序。

运行时截图(浅绿色的是桌面背景):

源代码:

[cpp] view plaincopyprint?

    1. #include <QtGui>
    2. class PieDialog : public QDialog
    3. {
    4. Q_OBJECT
    5. private:
    6. int m_Result[10];
    7. QColor m_Color[10];
    8. QPoint m_CurrentPos;
    9. protected:
    10. void mousePressEvent(QMouseEvent *event);
    11. void mouseMoveEvent(QMouseEvent *event);
    12. void paintEvent(QPaintEvent *event);
    13. void enterEvent(QEvent *event);
    14. void leaveEvent(QEvent *event);
    15. void keyPressEvent(QKeyEvent *event);
    16. public:
    17. PieDialog(QWidget *parent = 0);
    18. };
    19. PieDialog::PieDialog(QWidget *parent /* = 0 */)
    20. : QDialog(parent)
    21. {
    22. m_Color[0] = Qt::red;
    23. m_Color[1] = Qt::green;
    24. m_Color[2] = Qt::blue;
    25. m_Color[3] = Qt::cyan;
    26. m_Color[4] = Qt::magenta;
    27. m_Color[5] = Qt::yellow;
    28. m_Color[6] = Qt::darkYellow;
    29. m_Color[7] = Qt::darkRed;
    30. m_Color[8] = Qt::darkGreen;
    31. m_Color[9] = Qt::darkCyan;
    32. qMemSet(m_Result, 0, sizeof(m_Result));
    33. setWindowTitle("Pie Dialog");
    34. setFixedSize(400, 300);
    35. //让程序背景透明
    36. setWindowFlags( Qt::FramelessWindowHint );
    37. setAttribute(Qt::WA_TranslucentBackground, true);
    38. }
    39. void PieDialog::mousePressEvent(QMouseEvent *event)
    40. {
    41. //按住左键可以托动窗口
    42. if(event->button() == Qt::LeftButton)
    43. {
    44. m_CurrentPos = event->globalPos() - frameGeometry().topLeft();
    45. event->accept();
    46. }
    47. QDialog::mousePressEvent(event);
    48. }
    49. void PieDialog::mouseMoveEvent(QMouseEvent *event)
    50. {
    51. if (event->buttons() && Qt::LeftButton)
    52. {
    53. move(event->globalPos() - m_CurrentPos);
    54. event->accept();
    55. }
    56. QDialog::mouseMoveEvent(event);
    57. }
    58. void PieDialog::keyPressEvent(QKeyEvent *event)
    59. {
    60. //按数字键1-0相当于投票
    61. for(int i=0; i<10; i++)
    62. {
    63. if( Qt::Key_0+i == event->key() )
    64. {
    65. m_Result[i]++;
    66. break;
    67. }
    68. }
    69. update();
    70. QDialog::keyPressEvent(event);
    71. }
    72. void PieDialog::paintEvent(QPaintEvent *event)
    73. {
    74. QPainter painter(this);
    75. //反走样
    76. painter.setRenderHint(QPainter::Antialiasing, true);
    77. int cy = 10;
    78. //先画出颜色图解
    79. for(int i=0; i<10; i++)
    80. {
    81. painter.setBrush( m_Color[i] );
    82. painter.drawRect(320, cy, 30, 20);
    83. painter.drawText( QPoint(360, cy+15), QString::number(i) );
    84. cy += 28;
    85. }
    86. painter.setPen( QPen(Qt::black, 1) );
    87. const int FULL_CIRCLE = 5760;
    88. const int RADIUS = 140;
    89. QRect rect(10, 10, 280, 280);
    90. int count = 0;
    91. for(int i=0; i<10; i++)
    92. {
    93. count += m_Result[i];
    94. }
    95. //如果还没有投过票,那就先画一个白色的圆形
    96. if( 0 == count )
    97. {
    98. painter.setBrush( Qt::white );
    99. painter.drawEllipse(rect);
    100. return;
    101. }
    102. int pos = 0;
    103. int angle;
    104. for(int i=0; i<10; i++)
    105. {
    106. if( 0 == m_Result[i] )
    107. continue;
    108. painter.setBrush( m_Color[i] );
    109. double persent = (double)m_Result[i] / count;
    110. angle = FULL_CIRCLE * persent;
    111. //画出各个对应的扇形
    112. double abc = 3.14 * 2 * (double)(pos + angle/2) / FULL_CIRCLE;
    113. double tx = 100 * qCos(abc) + 10 + RADIUS;
    114. double ty = -100 * qSin(abc) + 10 + RADIUS;
    115. painter.drawPie(rect, pos, angle);
    116. //在扇形上写注释(投票数和百分比)
    117. QString temp;
    118. temp.sprintf(" (%d) ", m_Result[i]);
    119. painter.drawText(tx-20, ty-10, temp);
    120. temp.sprintf("%0.1lf%%", persent*100);
    121. painter.drawText(tx-20, ty, temp);
    122. pos += angle;
    123. }
    124. }
    125. void PieDialog::leaveEvent(QEvent *event)
    126. {
    127. //鼠标离开窗口时是普通的指针
    128. setCursor(Qt::ArrowCursor);
    129. }
    130. void PieDialog::enterEvent(QEvent *event)
    131. {
    132. //鼠标留在窗口上时是一个手指
    133. setCursor(Qt::PointingHandCursor);
    134. }
    135. #include "main.moc"
    136. int main(int argc, char *argv[])
    137. {
    138. QApplication app(argc, argv);
    139. PieDialog *dialog = new PieDialog;
    140. dialog->show();
    141. return app.exec();
    142. }

http://blog.csdn.net/small_qch/article/details/7607491

时间: 2024-10-19 16:33:55

QT:浮动的饼状统计图(自绘不规则窗口)的相关文章

PHP+mysql+Highcharts实现饼状统计图

PHP+mysql+Highcharts实现饼状统计图 Mysql 首先我们建一张?chart_pie?表作为统计数据. -- edit http://www.lai18.com -- 表的结构 `chart_pie` -- CREATE TABLE IF NOT EXISTS `chart_pie` ( `id` int(11) NOT NULL AUTO_INCREMENT, `title` varchar(30) NOT NULL, `pv` int(10) NOT NULL, PRIMA

用canvas 绘制的饼状统计图、柱状统计图、折线统计图

canvas 绘制的饼状统计图 canvas 绘制的柱状统计图 canvas 绘制的折线统计图

Android:使用canvas绘制饼状统计图(自动适应条目数量/大小)

本例的目的是实现一个简单的饼状统计图,效果如下:          特点: 1.使用非常方便,可放在xml布局文件中,然后在代码中设置内容,即: PieChartView pieChartView = (PieChartView) findViewById(R.id.pie_chart); PieChartView.PieItemBean[] items = new PieChartView.PieItemBean[]{ new PieChartView.PieItemBean("娱乐"

Android:使用canvas绘柱状统计图(自动计算宽高及分度值、可左右滑动)

本例实现了一个简单的柱状统计图,如下:        特点: 1.根据数据源自动计算每个条目的高度.宽度.间距,自动计算分度值. 2.当条目数较多时,可左右滑动查看全部内容,图形.文字同步滑动,并且松手后会渐渐的停下来(而不是立刻停下来). 代码: (1)核心代码:BarChartView.java package com.sina.appbarchart; import android.app.Activity; import android.content.Context; import a

Echarts生成饼状图、条形图以及线形图 JS封装

1.在我们开发程序中,经常会用到生成一些报表,比方说饼状图,条形图,折线图等.不多说了,直接上封装好的代码,如下Echarts.js所示 以下代码是封装在Echarts.js文件中 /** * Created by Administrator on 2015/8/7. */ var charec; // 路径配置 require.config({ paths: { echarts: 'http://echarts.baidu.com/build/dist' } }); // 按需加载所需图表 r

销售统计饼状图

销售统计,画出饼状图(动态) 技术: Hightchart (前端) 思路:1.关联查询几张表获取数据  2.dao层将sql语句转成hql语句 3.service层   4Action 5.前端  注意配置文件 1.关联查询几张表获取数据 //操作的对象:(开始日期(创建订单的日期) orders),商品类型goodstype,销售额(sum()orderdetail); 找出关联的中间表是goods, 条件查询的是日期是orderdetail //1.数据库实现查询 --1.关联4张表 se

用CAShapeLayer实现一个简单的饼状图(PieView)

自己写了一个简单的PieView,demo在这里:https://github.com/Phelthas/LXMPieView 效果如图: 参考了https://github.com/kevinzhow/PNChart  和 https://github.com/xyfeng/XYPieChart 的代码 实现方法: 绘制饼状图所需的值只有各个扇形对应的值及对应的颜色,但可能会有很多附加的元素需要显示(比如字体颜色,字体大小等), 所以将每个扇形所需的数据封装为一个model对象,方便以后扩展.

JFreeChart在Struts2中实现3D饼状图统计

在Struts2中,用JFreeChart实现3D饼状图统计 前段时间学习了一下JFreeChart,现在来整理一下自己所作的实例. 下面分别用两种方式来实现: 一种是以java应用程序的方式,一种是以web项目程序的方式 需要加入的jar包有:  jcommon-1.0.17.jar . jfreechart-1.0.14.jar(前两个是JFreeChart中所带的,在下载的JFreeChart的lib目录下) . struts2-jfreechart-plugin-2.3.16.3.jar

Android例子源码动态绘制折线、圆柱、饼状图

Android例子源码动态绘制折线.圆柱.饼状图 仿天气类app绘制饼状图.折线图.柱状图的实现效果,效果挺不错,例子没有使用第三方类库,全部都是使用Canvas实现.需要的朋友可以自己下载研究下. 下载地址:http://www.devstore.cn/code/info/999.html 运行截图: