1. 프로젝트를 생성하고 
우선 Resources 에 그림파일추가 


mainwindow.ui 를 클릭하여 Design 폼으로 이동

PushButton에서 우클릭! 

change stylesheet...  클릭!



텍스트 창에서 우클릭 하여 

border-image간단히 추가할 수 있다.


QPushButton:disabled

QPushButton:hover

QPushButton:pressed

사용 예제 

QPushButton {

border: 7px ;   

border-image: url(:/img/button/D:/Work/img/button/button.png) 7 7 7 7;

padding: -7px;

}

QPushButton:disabled{

border-image: url(:/img/button/D:/Work/img/button/button-disabled.png) 7 7 7 7;

}

QPushButton:hover{

border-image: url(:/img/button/D:/Work/img/button/button-hover.png) 7 7 7 7;

}

QPushButton:pressed{

border-image: url(:/img/button/D:/honam/Work/img/button/button-pressed.png) 7 7 7 7;

}


padding: -7px;    하면  버튼size가 작아졌을 때 글씨가 잘려 보이지 않는다 .

border-image : 이미지url   top right bottom left ;   로 되어 있음!

버튼에 마우스 올리기전 


버튼에 마우스를 올린 후 

이렇게 간단히 버튼의 효과를 줄 수 있다. 




저작자 표시 비영리
신고

'programming > Qt' 카테고리의 다른 글

Qt d-bus 예제  (0) 2016.02.11
Virtualbox 에서 QtCreator 실행  (0) 2016.02.02
qml signal /slot  (0) 2015.09.25
qmlRegisterType  (0) 2015.09.14
여러개의 파일 확장자 변경 유틸리티  (0) 2012.07.03
Qt [UI] css를 이용한 버튼 효과주기  (0) 2012.06.07

+ Recent posts