QDateEdit 美化

QDateEdit美化(本片内容复制: https://blog.csdn.net/lycx1234/article/details/98883608?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_title-9&spm=1001.2101.3001.4242

其他参考:https://blog.csdn.net/u010168781/article/details/102800155?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.control&dist_request_id=51b7c360-143a-4608-86d5-83ba415a79aa&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.control

1. QDateEdit控件显示日历,需要用下面的setCalendarPopup(true);

ui.dateEdit->setCalendarPopup(true);

2. 日历样式的修改需要用到QCalendarWidget控件。其样式的调整可以在QSS中调整。

下面就图中的标记进行说明:

1)左右两边的箭头,是用代码实现的。

QToolButton *prevBtn = calendar->findChild<QToolButton*>(QLatin1String("qt_calendar_prevmonth"));
 
  QToolButton *bextBtn = calendar->findChild<QToolButton*>(QLatin1String("qt_calendar_nextmonth"));
 
  prevBtn->setIcon("你自己的图标");
 
  bextBtn->setIcon("你自己的图标");
 
"qt_calendar_prevmonth"名字是查看源码知道的

2. 中间白色部分

QCalendarWidget QTableView 
{
    alternate-background-color: rgb(128, 128, 128); //颜色自己可以改
}

3. 背景色

QCalendarWidget QTableView 
{
    alternate-background-color: rgb(128, 128, 128); //颜色自己可以改
    background-color: #2F2F3E;
}

4和5. 月份 和年份

QToolButton#qt_calendar_monthbutton,#qt_calendar_yearbutton{
 
color: #9ea5a9; //修改字体颜色
 
font: 9pt simHei; //也可以修改字体
 
}

6.  显示月份和年份所在的导航

QCalendarWidget QWidget#qt_calendar_navigationbar{
 
background-color: #2F2F3E;//这个一般设置渐变色比较多,可以自行修改
 
}

 

 

样式设置:

 QString style = "QDateEdit{border: 1px solid #FFFFFF;border-radius: 3px;}"
                    "QDateEdit:hover{border: 1px solid #C0C4CC;}"
                    "QDateEdit::drop-down{"
                    "width: 15px;image: url(:/image/image/calendar.png);}"
                    "QCalendarWidget QWidget#qt_calendar_navigationbar{"
                    "background-color: qlineargradient(x1: 0, y1: 0, x2: 1, y2: 0,stop: 0 #313947, stop: 1 #34375E);}"
                    "QCalendarWidget QToolButton{"
                    "color: white;background-color: rgba(255, 255, 255, 0);}"
                    "QCalendarWidget QToolButton#qt_calendar_prevmonth{"
                    "qproperty-icon: url(:/image/image/calendar_pre_month.png);}"
                    "QCalendarWidget QToolButton#qt_calendar_nextmonth{"
                    "qproperty-icon: url(:/image/image/calendar_next_month.png);}"
                    "QCalendarWidget QSpinBox::up-button{"
                    "image: url(:/image/image/calendar_pre_year.png);"
                    "background-color: rgba(255, 255, 255, 100);"
                    "width:15px;}"
                    "QCalendarWidget QSpinBox::up-button:hover{"
                    "background-color: rgba(215, 218, 223, 100);}"
                    "QCalendarWidget QSpinBox::down-button{"
                    "image: url(:/image/image/calendar_next_year.png);"
                    "background-color: rgba(255, 255, 255, 100);"
                    "width:15px;}"
                    "QCalendarWidget QSpinBox::down-button:hover{"
                    "background-color: rgba(215, 218, 223, 100);}";

 

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
PyQt5是一个用于创建图形用户界面(GUI)的Python库,它提供了丰富的控件和功能。QDateEdit是PyQt5中的一个日期控件,用于选择和编辑日期。 QDateEdit控件可以通过以下方式进行美化: 1. 设置样式表:可以使用CSS样式表来自定义QDateEdit的外观。通过设置样式表,可以修改背景颜色、边框样式、字体等属性,从而实现美化效果。 2. 设置图标:可以为QDateEdit添加图标,以增加视觉效果。可以使用QIcon类来加载图标文件,并通过setIcon方法将图标设置给QDateEdit。 3. 自定义绘制:可以通过重写QDateEdit的paintEvent方法来自定义绘制控件。在paintEvent方法中,可以使用绘图工具(QPainter)来绘制自定义的外观。 下面是一个示例代码,演示了如何美化QDateEdit控件: ```python from PyQt5.QtWidgets import QApplication, QDateEdit from PyQt5.QtGui import QIcon app = QApplication([]) # 创建QDateEdit控件 date_edit = QDateEdit() # 设置样式表 date_edit.setStyleSheet("background-color: #F0F0F0; border: 1px solid #CCCCCC; padding: 5px;") # 设置图标 icon = QIcon("calendar_icon.png") date_edit.setButtonSymbols(QDateEdit.CalendarButton) date_edit.setCalendarPopup(True) date_edit.setFixedWidth(200) date_edit.setFixedHeight(30) date_edit.setIcon(icon) # 显示控件 date_edit.show() app.exec_() ``` 这段代码创建了一个QDateEdit控件,并设置了背景颜色、边框样式、图标等属性,实现了简单的美化效果。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值