首页 > 编程知识 正文

qt实现界面编辑器,qt按钮美化

时间:2023-05-05 01:14:19 阅读:21097 作者:4619

先看效果图:

主界面效果图

展示动态图

另一方面,利用QProxyStyle改变tabBar的位置,改变文字的方向。QProxyStyle自定义类3358www.Sina.com/

# includeqpainter # includeqproxystyleclasscustomtabstyle 3360 publicqproxystyle { public 3360 qsizesizefromcontents } ((contentstents ) ) ) ) ) ) 65 const QStyleOption *option,constqsize, constqwidget *构件(const (q sizes=qproxystyle 33603360 sizefromcontents ) ) qproxystyle 360: if (type==q style :600 ) s.rwidth ()=90; 为每个tabBar设置item的大小s.rheight ()=44; }返回s; } voiddrawcontrol (controlelementelement,const QStyleOption *option,QPainter *painter, constqwidget *构件(const (/labif设置(element==ce_tabbartablabel ) if ) constqstyleoptiontab * tab=qstyleoptiontal pinter-setpen(0xffffff ); painter-setbrush(QBrush )0xffffff ); //painter-drawrect (all rect.adjusted (6,-6,-6) ); painter-drawrect (all rect.adjusted (0,0,0 ) ); painter-restore (; } //hover状态鼠标移动状态else if (ta B- stateqstyle :3360 state _ mouse over (painter-save ) ); 打印机设置pen (0x ececec; //画框painter-setbrush(QBrush )0xececec ); painter-drawrect (all rect.adjusted (0,0,0 ) ); painter-restore (; }else{painter-setpen(0x33ccff ); //字体qtext选项选项; option.set alignment (Qt :3360 align中心; painter-setfont(qfont ('楷体',12,QFont:Bold ); pinter-setpen(0x0a0a ); painter-drawtext(allrect,tab-text,选项); 返回; }if(element==ce_tabbartab ) qproxystyle 33603360绘制控制(element,option,painter,widget ); }; }; 使用

ui-tab构件设置(qtabwidget 33603360 west ); ui-tab构件- tabbar ()-setstyle ) ) newcustomtabstyle; 二、修改背景颜色:首先需要了解QTabWidget的结构。

//1 ) QTabWidget显示区域的属性qtabwidget 33603360 pane { border-top :1 px solid # e5e 5; border-left :1 px solid # e5e5e 5; 位置: absolute; font-size: 14px; 背景色: # ffffff; (//)2) QTabWidget可选属性qtabbar:tab ) border:none; 边框底部颜色: # ffffff;/* sameasthepanecolor */border-top-left-radius 33604 px; border-top-right-radius : 4px; 最小窗口: 8ex; padding: 2px; font-size: 14px; 背景色: # ffffff; } q tabbar :3360 tab : selected,q tabbar 33603360 tab : hover { background-color : # ffffff; //检查背景色} q tabbar :3360 tab : selected { color : # 2080 F7; //检查颜色边框33602 px固态# 2080 F7; 字体权重: bold; 背景色: # ffffff; (//)3) QTabWidget头部属性qtabwidget3360:tab-bar ) border-top:2pxsolid#e5e5e5; border-bottom 33602 px solid # e5e5e 5; border-left :1 px solid # e5e5e 5; alignment:中心; //中央显示font-size: 14px; 背景色: # ffffff; }仔细阅读文章后,您可以根据以上内容设计我开始呈现的界面效果,也可以直接下载项目项目。 传送门(积分不足。 (3359 download.csdn.net/download/QQ _ 42570058/19846596

参考:

3359 www.cn blogs.com/bcl Shuai/p/11933912.html

3359 blog.csdn.net/skyz TTT/article/details/52448992

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。