C++Qt分享计划——制作有道词典主界面(二)

继续上期道主界面的制作,本节讲述导航栏的制作

C++Qt分享计划——制作有道词典主界面(二)_第1张图片
制作导航栏

导航栏由1个QToolBar和8个QToolButton构成

代码如下:

C++Qt分享计划——制作有道词典主界面(二)_第2张图片
图1
C++Qt分享计划——制作有道词典主界面(二)_第3张图片
图2
C++Qt分享计划——制作有道词典主界面(二)_第4张图片
图3

【22】 创建QToolBar对象

【23-31】创建每个QToolButton对应的文字和图片

【32】创建QButtonGroup,当有需要创建很多按钮时,可以创建QButtonGroup类来集中管理,当button为checkable状态时,可以调用setExclusive(true)来使得button之间实现互斥效果(当按下某个button时,之前的button弹起复原),它还可以捕捉到所有按钮的点击信号,只需要为每个button设置id即可获取具体的button

【34-60】循环创建QToolButton按钮

Qt::ToolButtonIconOnly  只显示图片

Qt::ToolButtonTextOnly  只现实文字

Qt::ToolButtonTextBesideIcon 文字在图片左侧显示

Qt::ToolButtonTextUnderIcon  文字在图片下边显示

【41-46】设置按钮样式,鼠标悬停时按钮的样式

【49】将button加入到QButtonGroup中

【61】连接按钮被点击信号,以通知右侧中心窗口展示相应窗口

【63】设置QToolBar中的按钮垂直排列,默认为水平排列

【65】将QToolBar嵌入到布局中

如果你想第一时间看到我的技术分享,就赶快关注吧。

你可能感兴趣的:(C++Qt分享计划——制作有道词典主界面(二))