Qt Designer 사용하여 UI 제작 정리

 

push button에 마우스를 올리면 색상이 변하는 디자인

🔽style sheet에 입력

QPushButton{background-color: rgb(75, 75, 75);
selection-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);

border: 1px solid  #ffffff;
border-radius: 3px;
padding-right: 5px; 
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
}

QPushButton:hover
{
	background-color: rgb(125,125,125);
	border: 0px solid  #ffffff;
}

마우스 올리기 전

마우스 올렸을 때

마우스를 올리면 버튼 색상이 약간 밝아지고 테두리가 없어지도록 만들었다.

이런 간단한 디자인 하나만으로도 사용자 반응이 크게 증가된다.

 

 

 

 

 

 

 

 

 

(계속 추가 예정)