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

傷城~ 2024-04-01 14:50 83阅读 0赞

**目录**

一、文字按钮编辑

二、图标按钮编辑编辑

三、鼠标形状

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

--------------------

#### 一、文字按钮   ![83616942f2034c9882d9f81864edf2c4.png][] ####

# 去掉边框背景
            self.button_ok.setFlat(True)

/*按钮*/
    QPushButton{
        /*字体-华文行楷*/
        font-family:STKaiti;
        /*字体颜色*/
    	color:rgb(64,158,255);
    	/*字体大小*/
        font-size:16px;
    }
    
    /*按钮:划过*/
    QPushButton:hover{
    	background-color: rgb(100,100,100);
    	/*圆角*/
        border-radius:5px;
    }
    
    /*按钮:按下*/
    QPushButton:pressed{
        background-color: rgb(120,120,120);
    	padding-left:5px;
    	padding-top:5px;
    }

#### 二、图标按钮   ![dae06249bf0c4453b6c2fe89446f0c21.png][]![46aa4baff86b41e4bd130c3c20dd3ae0.png][] ####

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

# 纯图标
    self.button_register = QPushButton()
    self.button_register.setObjectName("button_register")
    self.button_register.setIcon(QPixmap(":/message/icons/success-fill-32.png"))
    self.button_register.setFlat(True)

或者使用QIcon

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

#### 三、鼠标形状 ####

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

鼠标形状大全

![f41ef2eca89e4c51a8a79ca2ef972768.png][]

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

![4587b05dd3d143c0b9d5f916a1bade0a.png][]

/*输入框背景*/
    QLineEdit{
        /*背景透明*/
        background:transparent;
        /*字体-华文行楷*/
        font-family:STKaiti;
        /*字体大小*/
        font-size:16px;
        /*字体颜色*/
        color:#FFFFFF;
        /*边框颜色*/
        border-color:#FFFFFF;
        border-style:solid;
        border-top-width:0px;
        border-right-width:0px;
        border-bottom-width:1px;
        border-left-width:0px;
    }

[83616942f2034c9882d9f81864edf2c4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/51ca2026850241998541292323f8e391.png
[dae06249bf0c4453b6c2fe89446f0c21.png]: https://img-blog.csdnimg.cn/dae06249bf0c4453b6c2fe89446f0c21.png
[46aa4baff86b41e4bd130c3c20dd3ae0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/2a79f5f6167b46c9a5290781afc0cc00.png
[f41ef2eca89e4c51a8a79ca2ef972768.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/8f9225090bda4a5a851c7f7d532e121c.png
[4587b05dd3d143c0b9d5f916a1bade0a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/70d67a0eff9141949d9e99d2f262db6a.png