甘特图主要有两大块界面:1、Tree; 2、Task的任务条显示;这里先介绍Tree的画法。
1、先画表头,根据列是否隐藏(画显示的)画列的宽度、列名、列与列之间的分割线
我用一个ColumnData类来封装列信息,变量有否可隐藏、列名、列宽(列是可拉伸的,也是可移动的)
再用一个类RowColumnData来保存所有列的结构体ColumnData、所有行高(行高是可以改变的);初始化所有的列的名字、是否隐藏属性、列宽就可开始画表头了:
qreal columnX = 0;
ColumnData *colData = Q_NULLPTR;//每一列的结构体
QList<ColumnData *> m_columnDataList;//所有列
qreal verLine = 0;//画表头竖线
for (int i = 0; i < m_columnDataList.size(); i++) {
colData = m_columnDataList.at(i);
if (!colData || colData->m_isHide)
continue;
columnX += colData->m_columnWidth;
verLine = columnX - m_horBarValue; //m_horBarValue为水平滚动条
painter.drawText(QRectF(verLine -colData->m_columnWidth, 0, colData->m_columnWidth, 40), Qt::AlignCenter, colData->m_columnName);//画列名
painter.drawLine(verLine, 0, verLine, 40);//画竖线
}
2、画Tree的主体
每个Task为一行,每一行里,根据获得的列名画上Task想对应的信息,如果Task为父亲,就会在它的左侧画一个带有+-号的小矩形,点击此矩形可以隐藏显示它的孩子(在这里做一个处理,当parentTask它的孩子都隐藏时,它孩子的隐藏ID都为它的ID,Task的Hide ID为0是显示的,否则为隐藏的,到展开节点时,不是它的所有subTask都展开,而是隐藏ID为它的ID的展开)画Tree上的Task根据Task的层级缩进一定的距离来画