发帖 回复
返回列表
1234567
  • 82964阅读
  • 243回复

Qt编写导航按钮 [复制链接]

 上一主题 下一主题
离线liudianwu
总版主
 
图酷模式  只看楼主 正序阅读 楼主  发表于: 2017-12-24
做各种各样的界面的时候，经常需要做一排按钮用于切换到对应界面，俗称导航按钮或者导航菜单，参照过各种各样的主界面导航布局，特意编写导航按钮自定义控件，结合各种情况，继承自QPushButton。已集成在QUC自定义控件中。
作品已在另外一篇帖子开源，请见http://www.qtcn.org/bbs/read-htm-tid-66098.html
复制代码
  1. /**
  2. * 导航按钮控件 作者:feiyangqingyun(QQ:517216493) 2017-12-19
  3. * 1:可设置文字的左侧+右侧+顶部+底部间隔
  4. * 2:可设置文字对齐方式
  5. * 3:可设置显示倒三角/倒三角边长/倒三角位置/倒三角颜色
  6. * 4:可设置显示图标/图标间隔/图标尺寸/正常状态图标/悬停状态图标/选中状态图标
  7. * 5:可设置显示边框线条/线条宽度/线条间隔/线条位置/线条颜色
  8. * 6:可设置正常背景颜色/悬停背景颜色/选中背景颜色
  9. * 7:可设置正常文字颜色/悬停文字颜色/选中文字颜色
  10. * 8:可设置背景颜色为画刷颜色
  11. */






本人有代码洁癖症，写代码处处讲究对称完美。如下图所示。


主要代码：
复制代码
  1. void NavButton::paintEvent(QPaintEvent *)
  2. {
  3.     //绘制准备工作,启用反锯齿
  4.     QPainter painter(this);
  5.     painter.setRenderHints(QPainter::Antialiasing | QPainter::TextAntialiasing);
  7.     //绘制背景
  8.     drawBg(&painter);
  9.     //绘制文字
  10.     drawText(&painter);
  11.     //绘制图标
  12.     drawIcon(&painter);
  13.     //绘制边框线条
  14.     drawLine(&painter);
  15.     //绘制右侧倒三角
  16.     drawTriangle(&painter);
  17. }
  19. void NavButton::drawBg(QPainter *painter)
  20. {
  21.     painter->save();
  22.     painter->setPen(Qt::NoPen);
  24.     int width = this->width();
  25.     int height = this->height();
  27.     QRect bgRect;
  28.     if (linePosition == LinePosition_Left) {
  29.         bgRect = QRect(lineSpace, 0, width - lineSpace, height);
  30.     } else if (linePosition == LinePosition_Right) {
  31.         bgRect = QRect(0, 0, width - lineSpace, height);
  32.     } else if (linePosition == LinePosition_Top) {
  33.         bgRect = QRect(0, lineSpace, width, height - lineSpace);
  34.     } else if (linePosition == LinePosition_Bottom) {
  35.         bgRect = QRect(0, 0, width, height - lineSpace);
  36.     }
  38.     //如果画刷存在则取画刷
  39.     QBrush bgBrush;
  40.     if (isChecked()) {
  41.         bgBrush = checkBgBrush;
  42.     } else if (hover) {
  43.         bgBrush = hoverBgBrush;
  44.     } else {
  45.         bgBrush = normalBgBrush;
  46.     }
  48.     if (bgBrush != Qt::NoBrush) {
  49.         painter->setBrush(bgBrush);
  50.     } else {
  51.         //根据当前状态选择对应颜色
  52.         QColor bgColor;
  53.         if (isChecked()) {
  54.             bgColor = checkBgColor;
  55.         } else if (hover) {
  56.             bgColor = hoverBgColor;
  57.         } else {
  58.             bgColor = normalBgColor;
  59.         }
  61.         painter->setBrush(bgColor);
  62.     }
  64.     painter->drawRect(bgRect);
  66.     painter->restore();
  67. }
  69. void NavButton::drawText(QPainter *painter)
  70. {
  71.     painter->save();
  72.     painter->setBrush(Qt::NoBrush);
  74.     //根据当前状态选择对应颜色
  75.     QColor textColor;
  76.     if (isChecked()) {
  77.         textColor = checkTextColor;
  78.     } else if (hover) {
  79.         textColor = hoverTextColor;
  80.     } else {
  81.         textColor = normalTextColor;
  82.     }
  84.     QRect textRect = QRect(paddingLeft, paddingTop, width() - paddingLeft - paddingRight, height() - paddingTop - paddingBottom);
  85.     painter->setPen(textColor);
  86.     painter->drawText(textRect, textAlign | Qt::AlignVCenter, text());
  88.     painter->restore();
  89. }
  91. void NavButton::drawIcon(QPainter *painter)
  92. {
  93.     if (!showIcon) {
  94.         return;
  95.     }
  97.     painter->save();
  99.     QPixmap pix;
  100.     if (isChecked()) {
  101.         pix = iconCheck;
  102.     } else if (hover) {
  103.         pix = iconHover;
  104.     } else {
  105.         pix = iconNormal;
  106.     }
  108.     if (!pix.isNull()) {
  109.         //等比例平滑缩放图标
  110.         pix = pix.scaled(iconSize, Qt::KeepAspectRatio, Qt::SmoothTransformation);
  111.         painter->drawPixmap(iconSpace, (height() - iconSize.height()) / 2, pix);
  112.     }
  114.     painter->restore();
  115. }
  117. void NavButton::drawLine(QPainter *painter)
  118. {
  119.     if (!showLine) {
  120.         return;
  121.     }
  123.     if (!isChecked()) {
  124.         return;
  125.     }
  127.     painter->save();
  129.     QPen pen;
  130.     pen.setWidth(lineWidth);
  131.     pen.setColor(lineColor);
  132.     painter->setPen(pen);
  134.     //根据线条位置设置线条坐标
  135.     QPoint pointStart, pointEnd;
  136.     if (linePosition == LinePosition_Left) {
  137.         pointStart = QPoint(0, 0);
  138.         pointEnd = QPoint(0, height());
  139.     } else if (linePosition == LinePosition_Right) {
  140.         pointStart = QPoint(width(), 0);
  141.         pointEnd = QPoint(width(), height());
  142.     } else if (linePosition == LinePosition_Top) {
  143.         pointStart = QPoint(0, 0);
  144.         pointEnd = QPoint(width(), 0);
  145.     } else if (linePosition == LinePosition_Bottom) {
  146.         pointStart = QPoint(0, height());
  147.         pointEnd = QPoint(width(), height());
  148.     }
  150.     painter->drawLine(pointStart, pointEnd);
  152.     painter->restore();
  153. }
  155. void NavButton::drawTriangle(QPainter *painter)
  156. {
  157.     if (!showTriangle) {
  158.         return;
  159.     }
  161.     //选中或者悬停显示
  162.     if (!hover && !isChecked()) {
  163.         return;
  164.     }
  166.     painter->save();
  167.     painter->setPen(Qt::NoPen);
  168.     painter->setBrush(triangleColor);
  170.     //绘制在右侧中间,根据设定的倒三角的边长设定三个点位置
  171.     int width = this->width();
  172.     int height = this->height();
  173.     int midWidth = width / 2;
  174.     int midHeight = height / 2;
  176.     QPolygon pts;
  177.     if (trianglePosition == TrianglePosition_Left) {
  178.         pts.setPoints(3, triangleLen, midHeight, 0, midHeight - triangleLen, 0, midHeight + triangleLen);
  179.     } else if (trianglePosition == TrianglePosition_Right) {
  180.         pts.setPoints(3, width - triangleLen, midHeight, width, midHeight - triangleLen, width, midHeight + triangleLen);
  181.     } else if (trianglePosition == TrianglePosition_Top) {
  182.         pts.setPoints(3, midWidth, triangleLen, midWidth - triangleLen, 0, midWidth + triangleLen, 0);
  183.     } else if (trianglePosition == TrianglePosition_Bottom) {
  184.         pts.setPoints(3, midWidth, height - triangleLen, midWidth - triangleLen, height, midWidth + triangleLen, height);
  185.     }
  187.     painter->drawPolygon(pts);
  189.     painter->restore();
  190. }
共184条评分 ，好评度+49 ，贡献值+39 ，金钱+265 ，威望+38
nexito 好评度 +1 - 2020-12-25
nexito 贡献值 +1 - 2020-12-25
nexito 威望 +1 - 2020-12-25
nexito 金钱 +10 - 2020-12-25
jiangzx 金钱 +1 - 2020-12-25
18367160642 好评度 +1 优秀文章，支持！n神马都是浮云 2019-03-07
18367160642 贡献值 +1 优秀文章，支持！n神马都是浮云 2019-03-07
18367160642 威望 +1 优秀文章，支持！n神马都是浮云 2019-03-07
18367160642 金钱 +3 优秀文章，支持！n神马都是浮云 2019-03-07
unitcode 金钱 +1 优秀文章，支持！n神马都是浮云 2018-11-22
123456...19下一页
到第
页
欢迎关注微信公众号：Qt实战/Qt入门和进阶(各种开源作品、经验整理、项目实战技巧，专注Qt/C++软件开发，视频监控、物联网、工业控制、嵌入式软件、国产化系统应用软件开发) QQ：517216493  WX：feiyangqingyun  QQ群：751439350
回复
举报
分享到 淘江湖 新浪 QQ微博 QQ空间 开心 人人 豆瓣 网易微博 百度 鲜果 白社会 飞信
离线jazzmax
新手上路
只看该作者 243楼 发表于: 2023-01-04
厉害，新手路过，学习中,谢谢。   qinhuangtaotao@126.com
  
回复
举报
离线jiangzx
新手上路
只看该作者 242楼 发表于: 2020-12-25
感谢刘大师17801095084@163.com
回复
举报
离线azulgrana
新手上路
只看该作者 241楼 发表于: 2020-04-28
感谢分享，好评~~
455972173@qq.com
回复
举报
离线qpj_qpj
新手上路
只看该作者 240楼 发表于: 2020-01-09
感谢分享，向你学习，lutqpj@163 .com,谢谢！
回复
举报
离线xiaolele
新手上路
只看该作者 239楼 发表于: 2019-08-26
大师，绝对的大师，感谢分享
回复
举报
离线wfdsf
新手上路
只看该作者 238楼 发表于: 2019-03-20
感谢分享，yangfenzhia@163.com,谢谢！
回复
举报
离线18367160642
新手上路
只看该作者 237楼 发表于: 2019-03-07
刘大师源码还在吗？分析一个，谢谢862458517@qq.com
回复
举报
离线syc1993
新手上路
只看该作者 236楼 发表于: 2019-03-05
希望没有来晚，刘大神，感谢分享  934298001@qq.com
回复
举报
离线sunzhguy
新手上路
只看该作者 235楼 发表于: 2019-02-22
感谢原创分享，初学者福利，谢谢，努力学习，sunzhg20@qq.com
回复
举报
离线wdram123
新手上路
只看该作者 234楼 发表于: 2018-09-19
谢谢分享  wuyanjun110@126.com
回复
举报
离线白马
新手上路
只看该作者 233楼 发表于: 2018-09-07
       刘大师依旧给力 956220181@qq.com
回复
举报
离线yayi
新手上路
只看该作者 232楼 发表于: 2018-09-05
强烈支持！求源码：113572101@qq.com
谢谢大师
回复
举报
离线阿哲mmi
新手上路
只看该作者 231楼 发表于: 2018-08-24
好东西，学习了，果断好评！同求源码：myhouse365@163.com
回复
举报
离线阿哲mmi
新手上路
只看该作者 230楼 发表于: 2018-08-24
支持！求源码：myhouse365@163.com
回复
举报
离线令狐少侠
新手上路
只看该作者 229楼 发表于: 2018-08-21
刘大师，作品很赞，非常值得学习！ 348940862@qq.com
回复
举报
离线jiangbaijun
新手上路
只看该作者 228楼 发表于: 2018-08-20
感谢分享，学习 453436534@qq.com
回复
举报
离线hireboy
新手上路
只看该作者 227楼 发表于: 2018-08-17
回复
举报
离线qhp666
新手上路
只看该作者 226楼 发表于: 2018-08-07
感谢分享，向你学习。 qhp_vision@163.com
回复
举报
离线cqu_keith
新手上路
只看该作者 225楼 发表于: 2018-08-04
回复
举报
离线dansir
新手上路
只看该作者 224楼 发表于: 2018-07-19
求大神代码 690865063@qq.com
回复
举报
离线起点0615
新手上路
只看该作者 223楼 发表于: 2018-06-28
支持刘大师，很喜欢刘大师作品。
88231398@qq.com
回复
举报
离线qq860930595
新手上路
只看该作者 222楼 发表于: 2018-06-28
大师开源精神值得学习，860930595@qq.com
回复
举报
离线lin_xiongg
新手上路
只看该作者 221楼 发表于: 2018-06-28
多谢大师出手， lin_xiongg@sina.com
回复
举报
离线byfhss
新手上路
只看该作者 220楼 发表于: 2018-06-26
谢谢分享，学习 634632257@qq.com
回复
举报
离线chych
新手上路
只看该作者 219楼 发表于: 2018-06-25
谢谢分享，学习一下chychlucky@126.com
回复
举报
离线zhangdavide
新手上路
只看该作者 218楼 发表于: 2018-06-25
在模仿你的路上越走越远，希望以后能走的更远 ，534830256@qq.com，谢谢
回复
举报
离线gaoheyang
新手上路
只看该作者 217楼 发表于: 2018-06-22
好东西，楼主能给我一份吗 ，gq_ttxshang@163.com
回复
举报
离线可以是中文耶
新手上路
只看该作者 216楼 发表于: 2018-06-20
420803298@qq.com 大师大师大师
回复
举报
离线chrisv
新手上路
只看该作者 215楼 发表于: 2018-06-14
     多谢刘大师
回复
举报
离线liguojin8509
新手上路
只看该作者 214楼 发表于: 2018-06-04
非常感谢开源，感谢分享。膜拜ing,,,,,274994490@qq.com
回复
举报
离线chongyong
新手上路
只看该作者 213楼 发表于: 2018-06-04
膜拜大佬，露珠好人。求源码一份 474724048@qq.com
回复
举报
离线陈嘟嘟
新手上路
只看该作者 212楼 发表于: 2018-06-01
大师出品，必须精品，感谢分享，向你学习，dong_fangzhishen@126.com,  
thanks
回复
举报
离线liudianwu
总版主
只看该作者 211楼 发表于: 2018-06-01
欢迎关注微信公众号：Qt实战/Qt入门和进阶(各种开源作品、经验整理、项目实战技巧，专注Qt/C++软件开发，视频监控、物联网、工业控制、嵌入式软件、国产化系统应用软件开发) QQ：517216493  WX：feiyangqingyun  QQ群：751439350
回复
举报
离线supersk
新手上路
只看该作者 210楼 发表于: 2018-05-29
源码才是王道.38084302@qq.com
回复
举报
离线随心所遇
新手上路
只看该作者 209楼 发表于: 2018-05-29
刘老师求代码，759021325@qq.com
我思顾我在
回复
举报
离线大眼糊涂怪
新手上路
只看该作者 208楼 发表于: 2018-05-29
大神求代码 610412567@qq.com，感谢分享
回复
举报
离线zebulon
新手上路
只看该作者 207楼 发表于: 2018-05-29
学习学习，1031554472@qq.com，谢谢
回复
举报
离线xdh873939316
新手上路
只看该作者 206楼 发表于: 2018-05-29
请大神发一份学习下：873939316@qq.com
回复
举报
离线beijing2bash
新手上路
只看该作者 205楼 发表于: 2018-05-29
优秀文章，支持！请给份源码beijing2bashi@163.com
回复
举报
发帖 回复
返回列表
1234567
快速回复
限100 字节
 
上一个 下一个