当前位置：网站首页>qt 实现日历美化

qt 实现日历美化

2022-07-20 09:25:00 【InfoQ】

前言

在qt 默认的日历样式中，它仅仅能满足我们的使用需求，但是在开发上，用户就不一定为它买单了，因此需要进行日历的美化

在这里我是用的是ui中拖出来的日历控件

ui->dateEdit->setCalendarPopup(true);

设置日历弹出就是下面可以想平时使用的日历一样，可以自己选择时间和年份

ui->dateEdit->setStyleSheet

通过这句实现日历的简单美化，主要实现控件的边框等等的美化。但是在弹窗设置需要进行下列的操作

 QTextCharFormat format;
 QColor color;

 color.setRgb(51,51,51,255);

 format.setForeground(color);

 QCalendarWidget * dateEditCalendarWidget = ui->dateEdit->calendarWidget();

 dateEditCalendarWidget->setWeekdayTextFormat(Qt::Saturday, format);

 dateEditCalendarWidget->setWeekdayTextFormat(Qt::Sunday, format);

 dateEditCalendarWidget->setFixedSize(246,317);

QTextCharFormat

通过使用它来设置字体的颜色，在系统默认的弹框中，周六周日两列会默认用红色标注，如果不想让她变得那么显眼以及给他替换颜色，

setDateTextFormat(date, format)

这个函数就是用来设置周几的字体颜色，第一个参数是输入目标星期例如

Qt::Saturday

可根据此以此类推，设置目标字体颜色。

dateEditCalendarWidget->findChildren<QWidget*>().value(0)->setCursor(Qt::PointingHandCursor);

它是用来设置在鼠标移动到弹窗的时候，将鼠标变成变成小手的形状

dateEditCalendarWidget->setLocale(QLocale::Chinese);

在系统默认的周数会显示周一到周日，如果不需要这样，仅仅显示一到七可以使用上面这两句话，但是注意的是一定要配合使用！

QSize s = QSize(32,32);

 QToolButton * toolbtn = ui->dateEdit->calendarWidget()->findChild<QToolButton * >(&quot;qt_calendar_prevmonth&quot;);

 toolbtn->setIcon(QPixmap(&quot;:zuo.png&quot;));

 toolbtn->setIconSize(s);

设置最上面前一个月后一个月按钮的图片以及它的大小。

qt_calendar_prevmonth

代表的是前一个月的按钮，

qt_calendar_nextmonth

代表的是后一个月的按钮

ui->dateEdit->calendarWidget()->setStyleSheet（）

开始设置下拉框的样式

"QCalendarWidget{}"

用预设值整个窗体的样式

"QCalendarWidget QAbstractItemView:enabled

用于设置窗体中不用时的样式

"QCalendarWidget QToolButton{}"