Qt界面设计常用的一些代码(即Qt style Sheets)
来源:互联网 发布:淘宝的特点和定位 编辑:程序博客网 时间:2024/05/22 05:09
QPushButton { background-color: rgb(137, 145, 255); border-radius: 3px; color: rgb(255, 255, 255); }
QPushButton:hover { background-color: rgb(58, 61, 255); }
QPushButton{
border-image: url(:/CIO/Image/Logon/btn_close_normal.png);
}
QPushButton:hover{
border-image: url(:/CIO/Image/Logon/btn_close_highlight.png);
}
QPushButton:pressed{
border-image: url(:/CIO/Image/Logon/btn_close_down.png);
}
3.最小化按钮的设计
QPushButton{
border-image: url(:/CIO/Image/Logon/btn_mini_normal.png);
}
QPushButton:hover{
border-image: url(:/CIO/Image/Logon/btn_mini_highlight.png);
}
QPushButton:pressed{
border-image: url(:/CIO/Image/Logon/btn_mini_down.png);
}
4.界面文字的设计
QPushButton{
border-image: url(:/CIO/Image/Logon/mima.png);
}
QPushButton::hover{
border-image: url(:/CIO/Image/Logon/mima_hover.png);
}
QPushButton::pressed{
border-image: url(:/CIO/Image/Logon/mima_press.png);
}
5.登录按钮的设计QPushButton{
color: rgb(0,27,47);
font: 9pt "微软雅黑";
border-image: url(:/CIO/Image/Logon/button_login_normal.png);
}
QPushButton:hover{
border-image: url(:/CIO/Image/Logon/button_login_hover.png);
}
QPushButton:pressed{
border-image: url(:/CIO/Image/Logon/button_login_down.png);
}
6.帐号行编辑框的设计(后带有箭头符号)QComboBox {
border-width : 1px;
border-color : rgb(255,255,255);
border-style : solid;
color: rgb(0,27,47);
font: 9pt "微软雅黑";
}
QComboBox:hover {
border-width : 1px;
border-color : #1ea4f2;
border-style : solid;
}
QComboBox::drop-down {
image: url(:/CIO/Image/Logon/btn_combobox_normal.png);
}
7.界面添加图片QWidget{
border-image: url(:/CIO/Image/Logon/DefaultFace.png);
border-top-left-radius:10px;
border-top-right-radius:10px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
//上面的这四行代码可以用
//border-radius:10px;来替代
//但是如果遇到只有上面(或下面)两个角圆角化的时候就可以很方便了,效果图没有实现,
//大家可以自己试试。
}
8.密码LineEdit的设计QWidget{
border : none;
color: rgb(0,27,47);
font: 9pt "微软雅黑";
}
QWidget:hover{
border-width : 1px;
border-color : #1ea4f2;
border-style : solid;
border-width : 1px;
}
全部的效果图如下:- Qt界面设计常用的一些代码(即Qt style Sheets)
- Qt Style Sheets(一)
- Qt Style Sheets(一)
- Qt Style Sheets Reference
- Qt Style Sheets Examples
- Qt Style Sheets
- Qt Style Sheets Examples
- Qt Style Sheets Examples
- QSS(Qt Style Sheets)
- Qt Style Sheets--简介
- Qt-Style-Sheets-语法
- Qt Style Sheets Reference 笔记
- Qt Style Sheets Qt样式表概述
- Qt Style Sheets(qt样式表)
- Qt 背景图片设置以及QT Style Sheets
- 第一次使用QT4的Qt Style Sheets功能
- Qt Style Sheets Examples(好东西,与大家分享)
- Qt Style Sheet(四) --- Customizing Qt Widgets Using Style Sheets
- 读《一个程序员的奋斗史》有感
- 20151217笔记:DOS命令运行带包的Java文件
- C++中placement new操作符(经典)
- locate和find
- 文本工具
- Qt界面设计常用的一些代码(即Qt style Sheets)
- svn Aborting commit: 'XXX' remains in conflict 错误
- Objective-C语言_不可变字典
- Mac—删除默认英文输入法
- oracle简单触发器
- ios、java之间的RSA加解密
- jvm学习笔记2:jvm垃圾收集器与垃圾收集算法
- ubuntu在安装LDAP服务器,在windows客户端下查看,并使用java操作LDAP
- android开发之colores.xml----常用颜色