QPushButton设置图片居中显示

最新推荐文章于 2024-02-19 22:05:21 发布
最新推荐文章于 2024-02-19 22:05:21 发布
阅读量681 收藏 8
点赞数 12
分类专栏： Qt 文章标签： html css 前端 c++
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33301482/article/details/135742456
版权

background-image: url(:/images/trail_not.png);outline:none;background-color:transparent;background-position:center;background-repeat:no-repeat;

一萧一剑走江湖
关注
  • 12
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
QT 常见控件样式表（QPushButton、QRadioButton、QCheckBox、QScrollBar、QTableView、QTableWidget、QComboBox、QSlider）
m0_67254672的博客
04-30 1万+
background-image:设置背景图片（根据图片大小） border-image:设置背景图片（根据控件大小） background-color:设置背景颜色 border-color:设置边框颜色 color:设置字体颜色 border:设置边框 例:border:1px solid red; border-radius:设置边框圆角 /*左上 右上 右下 左下*/ border-top-left-radius:设置单个圆角 font：设置字体 text-align: 设置
qpushbutton设置居中_在右侧对齐图标并将文本居中放置在QPushButton中
weixin_39754411的博客
02-11 2532
一种可能的解决方案是在顶部和右侧放置一个显示图标的QLabel。在import osfrom PyQt5 import QtCore, QtGui, QtWidgetsclass PushButton(QtWidgets.QPushButton):def __init__(self, *args, **kwargs):super(PushButton, self).__init__(*args, ...
qpushbutton设置居中_QWidget居中显示（qt窗口坐标原点是在”左上角”的，有图）...
weixin_35799770的博客
01-14 5166
问题描述在Qt学习过程中,在让QDialog居中显示的时候, 出现了一点问题. 然而百度的都是大同小异. 都不行.不知道为什么, 难道是我的搜索姿势不对. 于是自己实现了居中显示的函数.须知以下函数只要继承QWidget都可以使用.例如 QDialog, QPushButton( -v- 一个居中的”引爆按钮”)关于坐标问题: qt窗口坐标原点是在”左上角”的.如图, (x2, y2)是我窗口的分...
利用QSS自由控制QPushButton中图片和文字的位置
斧冰
09-30 1万+
参考； QPushButton通过Qss控制背景图片位置
QPushButton设置-图片在左文字在右
m0_52040845的博客
12-22 5880
设置样式 QPushButton调用setStyleSheet(str) str为下方设置： QPushButton { background-image: url(./image.png);//图片 background-repeat: no-repeat; background-origin: padding;//图片区域 background-position: left;//图片位置 padding-left:20px;//图片占用区域大小 border: none; backg
QPushButton上文字位置的设置（Qt4）
热门推荐
将总结养成一种习惯
01-28 2万+
最近在Qt中文论坛上看到这么一个提问，如题。自己简单测试了一下，对于靠左、靠右的设定可以这么做：左对齐qApp->setStyleSheet("QPushButton{text-align : left;}");右对齐qApp->setStyleSheet("QPushButton{text-align : right;}");或者是：//左对齐pushButton.setStyleSheet("
PyQt5 QPushButton 设置文字对齐方式（基于setStyleSheet）
R.zb的博客
12-06 5104
PyQt5 QPushButton 设置文字对齐方式（基于setStyleSheet） 创建一个QPushButton（文本默认居中对齐） import sys from PyQt5.QtWidgets import QGridLayout, QWidget, QPushButton, QApplication class Tools(QWidget): def __init__(self): super().__init__() self.ui()
android 按钮 图片文字居中显示,[Android]Android 布局中如何让图片和文字居中显示？...
weixin_39609071的博客
05-26 589
图片文字居中显示 **①组件TextView的属性 drawableTop ``` 块内或者行内图片与文字居中对齐最靠谱的方式! 做图片与文字在一行的按钮时候最常用到,总结了一个靠谱的方法,终于可以完美的对齐下面给个代码 首先是html: 下载云门APP 再来看css: .btnUp img{ height: 72px; } .btnUp span{…Android系统设计采用代码和布局分离的设...
Qt 用QSS代码设置QPushButton文字在图片下方显示
05-10
你可以使用下面的 QSS 代码来设置 QPushButton 的文字在图片下方显示： ```css QPushButton { border-image: url(path/to/image.png) 0 0 0 0 stretch stretch; qproperty-iconSize: 0px 0px; text-align: ...
【Qt开发笔记】Qt关于图片在QPushButton中间显示的qss样式表
专注Qt与C++开发
01-21 4289
Qt关于图片在QPushButton中间显示的qss样式表 QPushButton { border-width:40px; border-image: url(:/image/qt.png) 0 0 0 0; }
qt Qpushbutton圆按钮加图片代码
09-01
qt按钮加图片，实现圆按钮，圆形实现了就是边上有锯齿，不知道怎么处理，望高手指点。刚学qt改的网上的代码。 开发环境Linux下 qt creator 运行需要修改图片路径
qpushbutton设置居中_Qt QGridLayout自动将项目居中（移动）到中间。
weixin_39636079的博客
01-14 2873
我的表单上有一个QHBoxLayout，其中添加了3个布局。第二个有关于我问题的项目。我在主布局的第二个窗格(即QHBoxLayout)上有一个QVBoxLayout。这个QVBoxLayout中添加了一个QScrollArea和addWidget。这个QScrollArea是名为“scrollContents”的QWidget的父级，后者又包含一个QGridLayout。我正在向这个有固定高度的...
qt中pushbutton样式表_qt 样式表基本用法
weixin_39905725的博客
12-19 969
Qt样式表QT样式表参考CSS层叠样式表设计，不同之处在于QT样式表应用于Widget世界。可以使用QApplication::setStyleSheet()函数设置到整个应用程序上，也可以使用QWidget::setStyleSheet()设置到某一个部件以及子部件上。如果在不同的级别都设置了样式表，QT会使用所有有效的样式表，称为样式表的层叠。this->setStyleSheet("Q...
qpushbutton中文字和图片上下布局
weixin_44715313的博客
05-11 2643
ui.pushButton->setStyleSheet("QPushButton{"\ "border: 1px solid #00d2ff; "\ "min-height: 40px; "\ "color:red; "\ "font-size:14px; "\ "text-align : bottom; "\ "ba
04 自定义Button组件：令人抓狂的QToolButton文本图标居中问题
最新发布
进击的程序员
02-19 1826
相信按钮控件对于任何一个QtUI开发者都不陌生，真的是极其普遍与通用的一个基础控件！Qt::ToolButtonIconOnly 只显示图标Qt::ToolButtonTextOnly 只显示文本Qt::ToolButtonTextBesideIcon 图标在左、文本在右Qt::ToolButtonTextUnderIcon 图标在上、文本在下乍一看，似乎已经满足开发者的各种业务需要。
Qt QPushButton按钮用法详解
ccc369639963的博客
01-24 1万+
Qt QPushButton按钮用法详解 按钮是 GUI 开发中最常用到的一种控件，作为一款著名的 GUI 开发框架，Qt 提供了很多种按钮，比如 QPushButton（普通按钮）、QRadioButton（单选按钮）、QToolButton（工具栏按钮）等。 QPushButton 是实际开发中最常使用的一种按钮，本节就给大家详细讲解它的用法。 QPushButton按钮的创建 QPushButton 类间接继承自 QWidget 类，它的继承关系如下： QPushButton -> QAbst
QPushButton设置Icon和text后，实现左字右图
weixin_51034082的博客
04-25 2614
自己在设置按钮样式的时候，想要实现字体在左边，图标在右边，网上找到的比较简单的方法是直接调用QPushButton::setLayoutDirection(Qt::LayoutDirection direction);但是自己在使用这种方法的时候发现图还在但是字不见了。可以通过设置样式表来改变。
Qt按钮左边图片右边文字
萧海的博客
07-07 1983
在Qt中实现按钮的图片在左，文字在右，主要有两种方法，如下： 方法一 ： 设置按钮内部布局 ui->pushButton->setIcon(QIcon(":/pic/share.png")); ui->pushButton->setLayoutDirection(Qt::LeftToRight); 效果如下： 按钮的其它效果可以再用样式表实现。 方法二 ：样式表 QString btnStyle = "QPushButton{" "background-image: u
#include <QtWidgets>class MyItem : public QGraphicsObject{public: MyItem(int pinCount, QColor color, QSizeF size, QGraphicsItem* parent = nullptr) : QGraphicsObject(parent) , m_pinCount(pinCount) , m_color(color) , m_size(size) {} QRectF boundingRect() const override { return QRectF(QPointF(0, 0), m_size); } QPainterPath shape() const override { QPainterPath path; path.addRect(QRectF(QPointF(0, 0), m_size)); return path; } void paint(QPainter* painter, const QStyleOptionGraphicsItem* option, QWidget* widget) override { Q_UNUSED(option) Q_UNUSED(widget) painter->setPen(Qt::NoPen); painter->setBrush(m_color); painter->drawRect(boundingRect()); painter->setPen(Qt::black); painter->setFont(QFont("Arial", 10)); painter->drawText(boundingRect(), Qt::AlignCenter, QString("%1 pins").arg(m_pinCount)); } void mousePressEvent(QGraphicsSceneMouseEvent* event) override { if (event->button() == Qt::LeftButton) { setCursor(Qt::ClosedHandCursor); m_lastPos = event->scenePos(); } } void mouseMoveEvent(QGraphicsSceneMouseEvent* event) override { if (QLineF(event->screenPos(), m_lastPos).length() < QApplication::startDragDistance()) return; QGraphicsObject::mouseMoveEvent(event); setPos(pos() + event->scenePos() - m_lastPos); m_lastPos = event->scenePos(); } void mouseReleaseEvent(QGraphicsSceneMouseEvent* event) override { if (event->button() == Qt::LeftButton) { setCursor(Qt::ArrowCursor); } }private: int m_pinCount; QColor m_color; QSizeF m_size; QPointF m_lastPos;};int main(int argc, char* argv[]){ QApplication app(argc, argv); QGraphicsScene scene; scene.setSceneRect(0, 0, 800, 600); MyItem* item1 = new MyItem(8, Qt::red, QSizeF(80, 60)); item1->setPos(100, 100); scene.addItem(item1); MyItem* item2 = new MyItem(16, Qt::green, QSizeF(120, 80)); item2->setPos(300, 200); scene.addItem(item2); QGraphicsView view(&scene); view.setRenderHint(QPainter::Antialiasing); view.setDragMode(QGraphicsView::RubberBandDrag); view.setViewportUpdateMode(QGraphicsView::FullViewportUpdate); view.show(); return app.exec();}在这个代码中，如何使用TextOut去给矩形框中添加文本
05-17
这个代码是使用Qt的绘图框架来实现的，所以不能直接使用TextOut函数。可以在MyItem类的paint函数中使用QPainter的函数来绘制文本，如下所示： ``` void paint(QPainter* painter, const QStyleOptionGraphicsItem* option, QWidget* widget) override { Q_UNUSED(option) Q_UNUSED(widget) painter->setPen(Qt::NoPen); painter->setBrush(m_color); painter->drawRect(boundingRect()); painter->setPen(Qt::black); painter->setFont(QFont("Arial", 10)); painter->drawText(boundingRect(), Qt::AlignCenter, QString("%1 pins").arg(m_pinCount)); } ``` 这段代码中，我们使用了QPainter的setFont函数来设置字体，使用drawText函数来绘制文本。其中，boundingRect()函数返回了该图形项的边界矩形，Qt::AlignCenter表示文本将会居中对齐。这样，每个矩形框中就会显示相应的文本。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值