QT 按钮圆角,按钮添加图片和文字并居中(使用垂直布局)

这篇具有很好参考价值的文章主要介绍了QT 按钮圆角,按钮添加图片和文字并居中(使用垂直布局)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

效果:

qpushbutton文字垂直,qt,ui,开发语言文章来源地址https://www.toymoban.com/news/detail-603779.html

ui->pushButton->setStyleSheet("background-color:#1E90FF;border-radius: 20px;");//设置背景色和圆角
QLabel* IMGlab = new QLabel();    //图片label
QLabel* Infolab = new QLabel();    //文字label
//图片
IMGlab ->setFixedSize(60,50);    //调整label大小
IMGlab ->setPixmap(QPixmap(":/PicRes/仪器1.png"));//添加图片
IMGlab ->setScaledContents(true);//图片自适应label大小
IMGlab ->setAlignment(Qt::AlignCenter);//label的内容居中
//图片描述文字
QString strInfo = QObject::tr("仪器");
Infolab  ->setText(strInfo );//设置文字
Infolab ->setStyleSheet("font: 14px '黑体';color:white;");//设置文字样式
Infolab ->setAlignment(Qt::AlignCenter);//label的内容居中
//将内容添加到布局里面
QVBoxLayout* LayoutInfo = new QVBoxLayout();//新建布局
LayoutInfo ->addStretch();              //弹簧
LayoutInfo ->addWidget(IMGlab ,Qt::AlignCenter);//添加图片并居中
LayoutInfo ->addStretch();
LayoutInfo ->addWidget(Infolab ,Qt::AlignCenter);//添加文字并居中
LayoutInfo ->addSpacing(5);//固定不可伸缩空间
ui->pushButton->setLayout(LayoutInfo );//按钮添加布局

到了这里,关于QT 按钮圆角,按钮添加图片和文字并居中(使用垂直布局)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 小程序button文字水平居中、垂直居中有效设置办法

    最近我在开发自己的小程序,如图,为页面添加“发送”按键,显而易见,我们需要更改一下“发送”按键的大小,以便美观 button按键在wxss里更改长度和宽度样式无效,需要在wxml里改 但是我发现改完后按键里的文字没有居中,如图 按照网上的方法,为按键添加样式,如图

    2024年02月05日
    浏览(44)
  • css-文本垂直居中, 左侧border与文字作为导航标题

    1.文本垂直居中         1.1 Flexbox 布局         1.2Grid 布局: 2. 左侧border与文字作为导航标题

    2024年02月01日
    浏览(61)
  • Qt图片编辑 - 在直线添加文字

    在绘制一条直线时,比如说在直线中间输出文字,如下图所示 本质上不难,定位到位置,然后drawText就可以了 难就难在 文字要跟随线的斜率,例如    还有,文字最好保证在线的“上方” 首先是角度问题 这个角度跟线Line与X轴夹角是一致的,因此,只要有线两端坐标就可以

    2024年02月15日
    浏览(48)
  • css 实现 html 元素内文字水平垂直居中的N种方法

            上一篇博文写了div 中元素居中的N种常用方法,那么单个html元素:div(块级元素代表),span(行内元素代表)中的文字如何水平垂直都居中呢?实现方法如下:         本文例子使用的 html body结构下的模型如下:         例子居中效果都如下图: 注:当把div

    2024年02月13日
    浏览(54)
  • el-icon不垂直居中,与文字不对齐的解决策略

    我们在使用el-cion的时候,渲染出来之后它是一个i包裹着一个svg的,默认不会垂直居中,就会与文字形成偏移   居中的策略: 1、将外层div设置为display:flex,设置垂直居中 2、将el-icon设置一个size,大概和文字一样大即可 最终实现的效果:成功垂直居中,与文字对齐

    2024年02月12日
    浏览(124)
  • 实现div元素和文字水平及垂直居中的方法(超简单,适应各种场合)

    实现实现div元素和文字水平及垂直居中的方法如下: div元素水平居中: style=\\\"margin:0 auto\\\" div元素垂直居中: style=\\\"padding: (外层div的高-内层div的高)/2; background-clip:content-box; \\\" div文字水平居中: 外层div中style=\\\"text-align: center; \\\" div文字垂直居中: 内层div中style=\\\"line-height: 外层div的高

    2024年02月13日
    浏览(44)
  • 【Css/小程序】如何实现div或view中的文字左右居中和垂直居中?(已解决:多行和单行自适应)

    1、多行居中效果 2、单行照样居中效果 

    2024年02月04日
    浏览(49)
  • CSS图片水平垂直居中的三种方法

    我们知道img元素为行内快元素,所以首先设置图片元素的父元素里文字水平居中,行高与整体高度一致。 其次最重要的是设置图片元素的vertical-align属性为middle,该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐方式。 代码示例: 具体方式是先使用定位让图

    2024年02月13日
    浏览(46)
  • 图片文字对齐 图片文字居中对齐

    方法一:  用 vertical-align: middle; 方法二:  弹性

    2024年02月16日
    浏览(46)
  • android button 按钮,设置左/右小图标,与文字居中距离

    参考博客地址 功能点 支持自定义图标与文字的距离 支持小图标宽高自定义 支持左右自定义小图标

    2024年02月08日
    浏览(53)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包