1. 程式人生 > >Qt-登入介面樣式美化

Qt-登入介面樣式美化

效果如上圖

1.準備圖片back.jpg放在工程目錄下

2.在工程中新增資原始檔image.qrc 新增流程如下:

在QtCreator中點選工程檔案右擊---》新增行新檔案---》Qt----->Qt Resource File---》image.qrc

新增字首

新增檔案

進入到ui檔案點選最外面右擊---》改變樣式表--在裡面新增樣式(裡面的樣式可以根據自己來選擇)本介面的樣式如下:

QMainWindow{
	background-color: rgb(255, 254, 240);
	border-image: url(:/new/prefix1/back.jpg);
}

QLineEdit{

	border:2px solid#7b7b7b;
	border-radius:15px;
	background-color:#fffef0
}

QPushButton{
	border:2px solid#7b7b7b;
	border-radius:15px;
	background-color:#6a92ff;
	font: 75 26pt "Arial";
}

QPushButton:hover{
	background-color:#aa92ff
}
QPushButton:pressed{
	background-color:#FF90ff
}

儲存編譯執行就OK