반응형
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 |