본문 바로가기

CSS3

[PySide6] styleSheet 사용방법 - QPushButton (2) 1편에서 border, background-color, color, font-size, font-bold등을 설명했습니다. 이번에는 hover, pressed에 대해서 설명해드리겠습니다. hover hover는 QPushButton에 마우스가 hover했을때 디자인을 변경할수 있습니다. 1편에서 사용 했었던 border, background-color, color, font-size등을 모두 활용하여 사용할수 있습니다. 노란색 스타일시트는 기본 상태 스타일이며 하늘색 스타일 시트가 hover상태시 사용할 스타일 시트입니다. QPushButton{ } QPushButton:hover{ border:0px solid #000000; border-radius:5px; background-color:#12ff1.. 2023. 12. 21.
[PySide6] styleSheet 사용방법 - QPushButton (1) pyside6의 기본 버튼 디자인 이렇게 생겼습니다. (QPushButton) 깔끔하게 생겼습니다. 하지만 더욱 이쁘게 꾸미거나 디자인을 변경하고 싶을때 사용 할 때 이용할수 있는 것이 바로 styleSheet입니다. styleSheet는 Designer에서 마우스 우클릭 styleSheet 바꾸기에서 설정할 수 있습니다. border border는 테두리를 디자인 할 수 있습니다. QPushButton{ border:1px solid #000000; } border:[두께(px), 선종류, 색상] 으로 기본적인 테두리를 변경 할수 있습니다. 여기서 테두리를 둥글게 설정하고 싶으면 border-radius를 설정하면 됩니다. QPushButton{ border:1px solid #000000; borde.. 2023. 12. 19.
pyside로 제작한 ui에 styleSheet 적용하기 기존 styleSheet를 적용하지 않은 ui 깔끔해 보이지만 뭔가 좀 밋밋해보이기도함 스타일시트를 적용 시켜보기로함 더 이쁜 디자인이 있을 수도 있지만 본인은 초보임 QLable, QLineEdit, QPushButton, QWidget 에 각각의 스타일 시트를 지정해준다. 완성된 모습. 훨씬 이뻐진 모습을 볼수있다 2023. 10. 11.
반응형