美文网首页Qt学习程序员C++
C++Qt分享计划——制作有道词典主界面(二)

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

作者: 223480235e8e | 来源:发表于2017-07-26 21:42 被阅读296次

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

制作导航栏

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

代码如下:

图1 图2 图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分享计划——制作有道词典主界面(二)

    继续上期道主界面的制作,本节讲述导航栏的制作 导航栏由1个QToolBar和8个QToolButton构成 代码如...

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

    接下来,我们以制作有道词典主界面来初步了解Qt中各控件的用法。 有道主程序界面 Qt实现的有道界面,目前只做了标题...

  • 2018-12-03 2.3

    《2.3 系统主界面的制作》 目的实现MDI主界面的制作 2.3(1) 一.贴效果图 二.实现MDI主界面的主要步...

  • C++Qt分享计划

    从今天开始,在接下来的一段时间里,我将分享关于Qt的知识,一则作为自己的一个备忘录,二则与大家共勉,如有不...

  • 安卓手机英语词典app

    货比三家,选择了有道词典和bluedict,下载了好多离线的词典。分享一下比较实用的功能新的。对于有道词典,完全可...

  • 2018-12-03

    系统主界面的制作 一、效果图 二、实现MDI主界面的主要步骤 先建立MID窗体,再设置控件Menustrip(菜单...

  • 2018-12-04

    2.3系统主界面的制作一、操作效果图设置之前 设置之后 二、实现MDI主界面的主要步骤在MDI主窗体的【属性】对话...

  • 第八组(2018-12-03)

    任务2.3 系统主界面的制作 1.主界面的GIF效果图: 2.实现MDI主界面的主要步骤:(1)找到MdiPar...

  • 有道词典`v7.5.2.0`版本去广告方法

    有道词典v7.5.2.0版本去广告方法 关闭退出有道词典; 找到有道词典安装路径(例如C:\Users\此处修改为...

  • 2018-01-10第二第三节 微信主界面及基本交互

    1、制作了微信的2个主界面 2、 学习了主界面的切换和内容弹回效果

网友评论

  • 新城旧少年:最近在做布置的课程设计,不知道能不能得到你的指点🙏
  • 在飞冲天:能不能把项目发一下,谢谢
  • 静_谷:弱弱地问一下作者,这些QSS的各种选择器在哪里可以查到…(Qt官方好像没有?)
    静_谷:@不一般的豆 哦,谢谢啦。
    223480235e8e: @MrAMS qt帮助文档,索引搜索关键字qt style sheets reference为样式表所有控件,状态 属性等,里面还有每个控件的样式表例子,可以点击查看

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

本文链接:https://www.haomeiwen.com/subject/lkaokxtx.html