一、主界面
1.窗口 最小化 最小化 關閉按鈕 顯示狀態自定義
setWindowFlags(Qt::CustomireWindowHint);
setWindowFlags(Qt::WindowCloseButtonHint);//只要關閉按鈕
setWindowFlags(Qt::WindowFlags type)
Qt::FrameWindowHint:沒有邊框的窗口
Qt::WindowStaysOnTopHint: //總在最上面的窗口
Qt::CustomizeWindowHint: //自定義窗口標題欄,以下標誌必須與這個標誌一起 使用纔有效,否則窗口將有默認的標題欄
Qt::WindowTitleHint //顯示窗口標題欄
Qt::WindowSystemMenuHint //顯示系統菜單
Qt::WindowMinimizeButtonHint //顯示最小化按鈕
Qt::WindowMaximizeButtonHint //顯示最大化按鈕
Qt::WindowMinMaxButtonsHint //顯示最小化按鈕和最大化按鈕
Qt::WindowCloseButtonHint //顯示關閉按鈕
2.隱藏任務欄顯示
setWindowFlages(Qt::Tool | Qt::X11BypassWindowManagerHint)
3.關閉按鈕實現的功能
hide();//進行界面隱藏，但是顯示托盤，可通過點擊托盤實現界面的重新顯示
quit();//退出系統
4.繪製背景圖片並且實現圓角效果
void painEvent(QPaintEvent *)
{
QPainter painter(this);
QBrush brush;
brush.setTextureImage(QImage(background_image));//背景圖片
painter.setBrush(brush);
painter.setPen(Qt::black);//邊框色
painter.drawRoundedRect(this->rect(),5,5);//圓角5像素
}
5.設置字體
QFont font = this->font();
font.setFamily("Courier");//字體名稱
font.setPixelSize(16);//字體點大小
font.setPointSize(18);//字體像素大小
font.setBold(true);//是否加粗
font.Italic(true);//是否斜體
font.setUnderLine(true);//是否下劃線
this->setFont(font);
字體風格，包括類型，大小，是否加粗、是否斜體等！
也可以使用：setStyleSheet("text-align:center;font-size:18px; font-weight:bold; font-style:Courier; color:white;");
setAlignment(Qt::AlignCenter); //設置對齊方式
6.設置應用程序的字體
QFont font("Courier",10,QFont::Normal,false);
QApplication::setFont(font);
7.超鏈接
QLabel *pLabel = new QLabel(this);
pLabel->setText（QStringLiteral("超鏈接"));
pLabel->setFixedSize(200,100);
connet(pLabel,SIGNAL(linkActivated(QString),this,SLOT(openUrl(QString)));
QDesktopServices::openUrl(QUrl(url));//openUrl
plabel->setOpenExternalLinks(true);
pLabel->setText("新浪");
8.打開本地文件夾
QDesktopServices::openUrl(QUrl::fromLocalFile(local_file));
9.顯示窗口並激活/提升
showNormal();
raise();
activateWindow();
10.設置滾動條值
pTextEdit->verticalScrollBar()->setValue(0);//滾動到最底層
pTextEdit->verticalScrollBar()->setValue(pTextEdit->verticalScrollBar()->maximum()); //滾動到最底層
11.QToolBar添加拉伸（彈簧）
QWidget *pWidget = new QWidget(this);
pWidget->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Fixed);
pToolBar->addWidget(pWidget);
12.QProgressBar進度條設置文本、樣式
QProgressBar *pProgressBar = new QProgressBar(this);
pProgressBar->setFixedSize(150, 10);
pProgressBar->setToolTip(QStringLiteral("離下一等級還需要1500經驗"));
pProgressBar->setFormat("12345/50000");
pProgressBar->setMaximum(100);
pProgressBar->setValue(10);
QString strQSS = "QProgressBar {color: white;} \
QProgressBar:horizontal { \
text-align: center; \
border: 1px solid rgb(115, 200, 60); \
background: rgb(145, 210, 75, 150); \
} \
QProgressBar::chunk:horizontal { \
background: rgb(145, 210, 75); \
}";
pProgressBar->setStyleSheet(strQSS);
二、全屏顯示與還原
1.遮擋任務欄
showFullScreen()
showMaximized() 這兩個都可以！
2、不遮擋任務欄
void showMaximize()
{
//若已經最大化
if(is_max)
{
//恢復界面位置，並設置按鈕圖標爲最大化圖標，提示“最大化”
this->setGeometry(location);
max_button->setIcon(QIcon("maxbtn"));
max_button->setToolTip(tr("max"));
}
else
{
//設定當前界面的位置，還原時使用
location = this->geometry();
//獲取桌面位置，設置爲最大化，並設置按鈕圖標爲還原圖標，提示“還原”
QDesktopWidget *desk = QApplication::desktop();
this->setGeometry(desk->availableGeometry());
max_button->setIcon(QIcon("restorbtn"));
max_button->setToolTip(tr("restor"));
}
is_max = !is_max;
}
注：窗口既然可以最大化，當然還可以進行還原，is_max爲一個bool值變量，表示串口是否最大化，初始值爲 false。location爲桌面的位置，每次最大化開始先記錄當前的位置，
等待還原的時候使用。
三、QSS樣式
1.QComboBox
comboBox->setStyleSheet("QComboBox{border:1px solid gray;}"
"QComboBox QAbstractItemView::item{height:25px;}"
"QComboBox::down-arrow{image:url(:/icon/arrowdown);}"
"QComboBox::drop-down{border:0px;}");
comboBox->setView(new QListView());
包括設置下拉箭頭、下拉選項高度等。
2.QSpinBox
pSpinBox->setStyleSheet("QSpinBox{border:1px solid gray;}"
"QSpinBox::up-button{image:url(:/icon/arrow_up);}"
"QSpinBox::down-button{image:url(:/icon/arrow_down);}");
3.QMenu
QMenu{
padding:5px;
background:white;
border:1px solid gray;
}
QMenu::item{
padding:0px 40px 0px 30px;
height:25px;
}
QMenu::item:selected:enabled{
background:lightgray;
color:white;
}
QMenu::item:selected:!enabled{
background:transparent;
}
QMenu::separator{
height:1px;
background:lightgray;
margin:5px 0px 5px 0px;
}
4.QSlider
QSlider::groove:horizontal{
border:0px;
height:4px;
}
QSlider::sub-page:horizontal{
background:white;
}
QSlider::add-page:horizontal{
background:lightgray;
}
QSlider::handle:horizontal{
background:white;
width:10px;
border-radius:5px;
margin:-3px 0px -3px 0px;
}
5.QCheckBox
QCheckBox{
spacing: 2px;
}
QCheckBox::indicator {
width: 20px;
height: 20px;
}
QCheckBox::indicator:unchecked {
image: url(:/login/checkbox);
}
QCheckBox::indicator:unchecked:hover {
image: url(:/login/checkbox_hover);
}
QCheckBox::indicator:unchecked:pressed {
image: url(:/login/checkbox_press);
}
6.QScrollBar
水平滾動條
QScrollBar:horizontal {
max-height: 9px;
background: transparent;
padding-left: 9px;
padding-right: 9px;
}
QScrollBar::handle:horizontal {
height: 9px;
min-width: 20px;
background: rgb(190, 190, 190);
}
QScrollBar::handle:horizontal:hover {
background: rgb(170, 170, 170);
}
QScrollBar::sub-line:horizontal {
height: 9px;
width: 9px;
background: rgb(220, 220, 220);
border-image: url(:/CalcSetting/ArrowLeft);
subcontrol-position: left;
}
QScrollBar::add-line:horizontal {
height: 9px;
width: 9px;
background: rgb(220, 220, 220);
border-image: url(:/CalcSetting/ArrowRight);
subcontrol-position: right;
}
QScrollBar::sub-line:horizontal:hover {
background: rgb(190, 190, 190);
border-image: url(:/CalcSetting/ArrowLeftHover);
}
QScrollBar::add-line:horizontal:hover {
background: rgb(190, 190, 190);
border-image: url(:/CalcSetting/ArrowRightHover);
}
QScrollBar::add-page:horizontal,QScrollBar::sub-page:horizontal {
background: rgb(220, 220, 220);
}
垂直滾動條
QScrollBar:vertical {
max-width: 9px;
background: transparent;
padding-top: 9px;
padding-bottom: 9px;
}
QScrollBar::handle:vertical {
width: 9px;
min-height: 20px;
background: rgb(190, 190, 190);
}
QScrollBar::handle:vertical:hover {
background: rgb(170, 170, 170);
}
QScrollBar::sub-line:vertical {
height: 9px;
width: 9px;
background: rgb(220, 220, 220);
border-image: url(:/CalcSetting/ArrowTop);
subcontrol-position: top;
}
QScrollBar::add-line:vertical {
height: 9px;
width: 9px;
background: rgb(220, 220, 220);
border-image: url(:/CalcSetting/ArrowBottom);
subcontrol-position: bottom;
}
QScrollBar::sub-line:vertical:hover {
background: rgb(190, 190, 190);
border-image: url(:/CalcSetting/ArrowTopHover);
}
QScrollBar::add-line:vertical:hover {
background: rgb(190, 190, 190);
border-image: url(:/CalcSetting/ArrowBottomHover);
}
QScrollBar::add-page:vertical,QScrollBar::sub-page:vertical {
background: rgb(220, 220, 220);
}
QCheckBox::indicator:checked {
image: url(:/login/checkbox_selected);
}
QCheckBox::indicator:checked:hover {
image: url(:/login/checkbox_selected_hover);
}
QCheckBox::indicator:checked:pressed {
image: url(:/login/checkbox_selected_press);
}
7.QStatusBar
QStatusBar::item{
border: 0px;
}
//不存在分隔線
8.QComboBox
QComboBox {
border-image: url(:/OverdraftControl/comboBox);
}
QComboBox:hover {
border-image: url(:/OverdraftControl/comboBoxHover);
}
QComboBox:pressed {
border-image: url(:/OverdraftControl/comboBoxPressed);
}
QComboBox::down-arrow {
image: none;
}
QComboBox::drop-down {
width: 15px;
border: none;
}
QComboBox QAbstractItemView {
border: 1px solid lightgray;
outline: 0px; //去掉item虛線
}
QComboBox QAbstractItemView::item {
color: black;
height: 22px;
border: 1px solid transparent;
}
QComboBox QAbstractItemView::item:selected {
border: 1px solid rgb(170, 190, 230);
background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,stop: 0 rgb(230, 240, 250), stop: 0.5 rgb(220, 235, 255), stop: 1.0 rgb(210, 230, 255));
}
一般也可以使用QPalette
QPalette palette;
palette.setBrush(QPalette::WindowText, QBrush(Qt::white));
pCheckBox->setPalette(palette);
pCheckBox->setStyleSheet("color:white");
調色板類QPalette提供了顏色(color roles) 的概念，指當前界面中顏色的職責，通過枚舉變量QPalette::ColorRole來定義，比較常用的角色有：
QPalette::Window 通常指窗口部件背景色
QPalette::WindowText 通常指窗口部件的前景色
QPalette::Base 指文本的背景色（QTextEdit、QLineEdit等）
QPalette::Text 與QPalette::Base一塊使用，指文本輸入窗口部件前景色
QPalette::Button 指按鈕窗口部件的背景色
QPalette::ButtonText 指按鈕窗口部件的前景色
文章引用：http://blog.sina.com.cn/s/blog_a6fb6cc90101dech.html