한국어
Qt
 

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

makersweb 2019.11.05 22:54 조회 수 : 11222

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 117121
180 Qt Android 앱에 AdMob 배너달기 file makersweb 2021.12.04 2984
179 HTTPS URL을 연결할 때 SslHandshakeFailedError 오류 makersweb 2022.07.31 3076
178 Qt 6.4에 추가될 Qt Quick 3D Physics file makersweb 2022.08.07 3271
177 성능 고려 및 제안 사항 makersweb 2022.03.07 3338
176 QProcess 보안 권고 리뷰 file makersweb 2022.09.18 3384
175 그래픽 소프트웨어에서 디자인 내보내기 (Exporting Designs from Graphics Software) j2doll 2020.12.25 3554
174 Binding 타입으로 객체 속성 간 묶기 makersweb 2022.03.04 3570
173 Qt Marketplace 발표 makersweb 2019.12.02 3789
172 Qt Bluetooth Low Energy 개요 makersweb 2022.02.13 3805
171 QML에서 Websocket 서버와 통신 file makersweb 2021.09.18 3843
170 응용프로그램 자동실행 설정 (on Windows) makersweb 2021.05.08 3855
169 Qt 6 에서 프로퍼티 바인딩 makersweb 2021.04.03 3865
168 VirtualKeyboard 스타일 커스터 마이징 makersweb 2022.03.13 3888
167 Qt5Compat 라이브러리를 사용하여 Qt5에서 Qt6로 포팅 [2] makersweb 2020.12.05 3917
166 QML 에서 QR코드 생성 file makersweb 2021.08.20 3991
165 Qt Safe Renderer 개요 file makersweb 2022.09.08 4004
164 Qt 응용프로그램에서 PDF 문서 렌더링 file makersweb 2021.09.23 4005
163 Qt로 작성된 안드로이드 APP에 Splash Screen을 추가 file makersweb 2020.03.10 4007
162 Qt 응용프로그램에서 Lottie Animation사용 file makersweb 2021.05.30 4015
161 QtQuick 애플리케이션에 Rive 애니메이션 통합 makersweb 2024.03.31 4037