한국어
Qt
 

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 7719
109 QLabel의 텍스트 색과 배경색을 변경 makersweb 2020.02.25 5
108 라즈베리파이4에 대한 Qt 5.14.1 크로스컴파일 file makersweb 2020.02.12 68
107 QOpenGLWidget 을 투명하게 적용 file makersweb 2020.02.05 32
106 2020년에 변경되는 Qt 오퍼 (Qt offering changes 2020) [2] j2doll 2020.01.31 90
105 Qt로 XML 파싱 : Qt 6에서 업데이트된 (Parsing XML with Qt: Updates for Qt 6) [1] j2doll 2020.01.16 92
104 Qt 멀티 스레드 프로그래밍 시 유의해야 할 몇 가지 makersweb 2020.01.13 138
103 ApplicationWindow 와 메뉴바(MenuBar)구성 file makersweb 2020.01.04 94
102 QThread 소개 및 예제 makersweb 2019.12.25 356
101 Qt의 오픈소스 라이센스 소개 file makersweb 2019.12.15 337
100 Qt for MCU 1.0 릴리즈 makersweb 2019.12.10 127
99 Qt Marketplace 발표 makersweb 2019.12.02 277
98 QScopedPointer 소개 및 사용법 makersweb 2019.11.29 90
97 QOpenVirtualkeyboard(Qt 5용 한글 및 영문, 숫자 가상키보드) file makersweb 2019.11.27 277
96 Qt3D의 QML 타입으로 3D렌더링 file makersweb 2019.11.20 219
95 라즈베리파이3에서 Boot to Qt 실행해보기 makersweb 2019.11.13 255
94 Qt애플리케이션 객체(QCoreApplication, QGuiApplication, QApplication) 에 대해서 makersweb 2019.11.11 641
93 Qt Quick 3D 소개 makersweb 2019.11.09 130
» QPushButton 의 커스텀 이미지버튼 file makersweb 2019.11.05 262
91 qbs 사용 방법(Helloworld) file makersweb 2019.10.23 258
90 웹기반 Qt Design Viewer [2] file makersweb 2019.10.23 178