Qt-登入介面樣式美化
阿新 • • 發佈:2018-12-16
效果如上圖
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