frameData
在frameData里面放两个group box,上下排列,分别为groupBoxGrade和groupBoxCount
groupBoxGrade
在这个group box里面放一个tableView,命名为tableView
层次结构为
界面样子为
选择groupBoxGrade,选择水平布局,变成这样
groupBoxCount
放一个treeWidget,命名就叫treeWidget
选择groupBoxCount,设为栅格布局
frameData布局
设置treeWidget内容
双击treeWidget
设置各列属性为居中
项目
设置treeWidget属性
不可以被编辑
这是统计表,不允许编辑里面的数据,设置成不可编辑的
点开editTriggers前面的符号
取消其中的两个勾
editTriggers属性设为NnEditTriggers
宽度、大小设置
frameData的层次
布局
选中frameData,设为垂直布局,变成这样
tabWidget
添加和设置tab
修改当前两个tab的属性
选中tabWidget,修改三个current属性
换tab_2,修改
完成后是这样的
添加新页面
选中treeWidget,点右键,选择在当前页之后插入页
设置
再插入一个,设置
插入后,变成这样
tabWidget的层次
tabBar柱状图页
widgetBar
在该页下放一个widget,命名为widgetBar
选中tabWidget,选择水平布局,这时widgetBar填充满整个tabWidget区域,在上面放组件。
在wigdetBar上放一个frame和一个Graphis View。
frame命名为frameBar,frameShape设为Panel
在frameBar放两个push Button和一个horizontal Spacer。两个push Button分别命名为btnBuildBarChart和btnBuildBarChartH,text为绘制柱状图和绘制水平柱状图。
将frameBar设置为水平布局
在graphics View上点右键,选提升为
如图进行设置
点击添加按钮
提升完后,将其改名为chartViewBar。
层次结构如图
点击tabWidget,将当前页设为垂直布局,如图
tabStackedBar层叠柱状图页
将tabBar里面的frameBar和chartViewBar拷贝到tabStackedBar下。点击tabWidget,设置垂直布局。修改相应名称
显示如下
tabPercentBar百分比柱状图页
照样拷贝,修改
tabPieChart饼图页
将tabBar里面的frameBar和chartViewBar拷贝到tabPieBar下。点击tabWidget,设置垂直布局。修改相应名称
删除framePie上的两个按钮和一个Spacer
右键点击framePie,选择打破布局,等所有组件都放了后再布局
在framePie上放一个label,一个Combo Box,一个push Button,一个label,一个double spinbox,一个label,一个double spinbox,一个checkbox和一个horizontal spacer
其中combobox命名为comboCourse,内容如下
pushbutton命名为tbnDrawPieChart,text为绘制饼图
两个double spin box分别命名为spinHoleSize和spinPieSize,属性如下
checkBox命名chkBoxPieLegend,属性如下
再放一个horizontal spacer
放好后层次结构
设置framPieBar布局为水平布局
显示如图
我正在参与2023腾讯技术创作特训营第三期有奖征文,组队打卡瓜分大奖!