jueves, 25 de junio de 2015

5 - Python PyQt (Interfaz gráfica) - Diseñar formularios con Layouts y StyleSheet




En este capítulo del tutorial de Python 3 con PyQt5 trabajaremos con el diseñador (Designer) para diseñar un cuadro de dialogo (QDialog), veremos como ir aplicando estilos CSS a los elementos del mismo a través de la propiedad stylesheet del elemento padre Dialog. Una vez diseñado cargaremos el archivo .ui en la clase Dialogo del script abrirDialogo.pyw del capítulo anterior.

5 - Python PyQt (Interfaz gráfica) - Diseñar formularios con Layouts y StyleSheet




Estilos CSS del archivo stylesheet.ui


QDialog{
background-color: green;
font-family: arial, verdana;
}

QLineEdit{
border: 0;
font-size: 14px;
height: 30px;
}

QLabel{
color: #fff;
font-size: 14px;
}

QPushButton#boton{
background-color: #000;
color: #fff;
font-size: 16px;
border: 0;
}

QPushButton#boton:hover{
background-color: orange;
}