当前位置:   article > 正文

Qt第十九章:文字按钮、图标按钮、按钮logo、 输入框

文字按钮

目录

一、文字按钮​编辑 

二、图标按钮​编辑​编辑

三、鼠标形状

四、输入框显示下划线效果:


一、文字按钮

  1. # 去掉边框背景
  2. self.button_ok.setFlat(True)
  1. /*按钮*/
  2. QPushButton{
  3. /*字体-华文行楷*/
  4. font-family:STKaiti;
  5. /*字体颜色*/
  6. color:rgb(64,158,255);
  7. /*字体大小*/
  8. font-size:16px;
  9. }
  10. /*按钮:划过*/
  11. QPushButton:hover{
  12. background-color: rgb(100,100,100);
  13. /*圆角*/
  14. border-radius:5px;
  15. }
  16. /*按钮:按下*/
  17. QPushButton:pressed{
  18. background-color: rgb(120,120,120);
  19. padding-left:5px;
  20. padding-top:5px;
  21. }

二、图标按钮

  1. # 图标+文字
  2. self.button_register = QPushButton("注册")
  3. self.button_register.setObjectName("button_register")
  4. self.button_register.setIcon(QPixmap(":/message/icons/success-fill-32.png"))
  5. self.button_register.setFlat(True)
  1. # 纯图标
  2. self.button_register = QPushButton()
  3. self.button_register.setObjectName("button_register")
  4. self.button_register.setIcon(QPixmap(":/message/icons/success-fill-32.png"))
  5. self.button_register.setFlat(True)

 或者使用QIcon

  1. self.button_register = QPushButton("注册")
  2. self.button_register.setObjectName("button_register")
  3. # 添加图标
  4. self.button_register.setIcon(QIcon(":/message/icons/success-fill-32.png"))
  5. # 去掉边框背景
  6. self.button_register.setFlat(True)

三、鼠标形状

  1. # 鼠标划过-显示小手
  2. self.button_register.setCursor(QCursor(Qt.CursorShape.PointingHandCursor))

鼠标形状大全 

 

四、输入框显示下划线效果:

  1. /*输入框背景*/
  2. QLineEdit{
  3. /*背景透明*/
  4. background:transparent;
  5. /*字体-华文行楷*/
  6. font-family:STKaiti;
  7. /*字体大小*/
  8. font-size:16px;
  9. /*字体颜色*/
  10. color:#FFFFFF;
  11. /*边框颜色*/
  12. border-color:#FFFFFF;
  13. border-style:solid;
  14. border-top-width:0px;
  15. border-right-width:0px;
  16. border-bottom-width:1px;
  17. border-left-width:0px;
  18. }

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家自动化/article/detail/292648
推荐阅读
相关标签
  

闽ICP备14008679号