한국어
Qt
 

C++ Class QPushButton 의 커스텀 이미지버튼

makersweb 2019.11.05 22:54 조회 수 : 11169

C++ Class Qt 응용프로그램을 개발할 때 사용자정의 이미지버튼을 만드는 방법은 여러가지가 있지만 기본은 QWidget을 서브클래싱하여 구현한다. 위젯 기반의 Qt응용프로그램 개발에서 자주 사용되는 QPushButton이 있는데 QPushButton 클래스 또한 QWidget 을 기반으로 두고있음을 알 수 있다.

 

간단한 이미지 버튼을 만드는 방법중에 QPushButton을 사용하는 방법으로 Qt Style Sheet를 이용하면 간단하게 구현할 수 있다. Qt Style Sheets는 위젯의 모양을 사용자 정의하여 다양한 형태로 바꿀 수 있다. https://doc.qt.io/qt-5/stylesheet-reference.html

 

다음은 버튼을 클릭하지 않았을 때의 normal상태와 클릭했을때의 pressed 상태의 이미지 버튼을 구현하는 간단한 예제이다.

QPushButton *mybutton = new QPushButton(this);

mybutton->setStyleSheet(
            "                                  \
            QPushButton {                      \
                border-image: url(:/normal.png); \
                background-repeat: no-repeat;  \
            }                                  \
                                                \
            QPushButton:pressed {              \
                border-image: url(:/pressed.png); \
                background-repeat: no-repeat;  \
            }                                  \
            ");

mybutton->setGeometry(0, 0, 45, 131);

 

다음과 같이 간단한 사용자 정의 이미지 버튼을 만들 수 있다.

makerswebImageButton.gif

번호 제목 글쓴이 날짜 조회 수
공지 Qt프로그래밍(QtQuick) Beginner를 위한 글 읽는 순서 운영자 2019.01.05 117008
180 Qt Android 앱에 AdMob 배너달기 file makersweb 2021.12.04 2957
179 HTTPS URL을 연결할 때 SslHandshakeFailedError 오류 makersweb 2022.07.31 3037
178 Qt 6.4에 추가될 Qt Quick 3D Physics file makersweb 2022.08.07 3257
177 성능 고려 및 제안 사항 makersweb 2022.03.07 3309
176 QProcess 보안 권고 리뷰 file makersweb 2022.09.18 3338
175 그래픽 소프트웨어에서 디자인 내보내기 (Exporting Designs from Graphics Software) j2doll 2020.12.25 3505
174 Binding 타입으로 객체 속성 간 묶기 makersweb 2022.03.04 3527
173 Qt Marketplace 발표 makersweb 2019.12.02 3759
172 Qt Bluetooth Low Energy 개요 makersweb 2022.02.13 3774
171 응용프로그램 자동실행 설정 (on Windows) makersweb 2021.05.08 3803
170 QML에서 Websocket 서버와 통신 file makersweb 2021.09.18 3804
169 Qt 6 에서 프로퍼티 바인딩 makersweb 2021.04.03 3821
168 VirtualKeyboard 스타일 커스터 마이징 makersweb 2022.03.13 3867
167 Qt5Compat 라이브러리를 사용하여 Qt5에서 Qt6로 포팅 [2] makersweb 2020.12.05 3876
166 QML 에서 QR코드 생성 file makersweb 2021.08.20 3941
165 Qt로 작성된 안드로이드 APP에 Splash Screen을 추가 file makersweb 2020.03.10 3960
164 Qt Safe Renderer 개요 file makersweb 2022.09.08 3979
163 Qt 응용프로그램에서 Lottie Animation사용 file makersweb 2021.05.30 3982
162 Qt 응용프로그램에서 PDF 문서 렌더링 file makersweb 2021.09.23 3993
161 QtQuick 애플리케이션에 Rive 애니메이션 통합 makersweb 2024.03.31 4009