新手：Qt之QLabel類的應用

在Qt中，我們不可避免的會用到QLabel類。而Qlabel的強大功能作為程序員的你有多少了解？

下面，跟着我一起在來學習一下吧！

1、添加文本

Qlabel類添加文本有兩種方式，一種是直接在實現時添加，如：

QLabel *label = new QLabel(QString("Holle，世界"), this);
    //QLabel *label = new QLabel(tr("Holle，世界"), this);

一種是在實現后添加，如：

int a = 1+1;
QLabel *label = new QLabel( this);
label ->setText(tr("Holle，世界"));
//label ->setText(tr("1+1=%1").arg(a));
//label ->setText(QString::number(a));
//label ->setText(QString::number(a,'f',2));//保留兩位，如果保留一位就把2改為1

2、設置尺寸，位置

設置尺寸也有多種，常用的固定尺寸（FixedSize），最小尺寸（MinimumSize），最大尺寸（MaximumSize），代碼如下：

//setMinimumHeight(30);        //最小行高
//setMinimumWidth(30);        //最小列寬
setMinimumSize(370, 150);    //設置最小尺寸

//setMaximumHeight(30);    //最大行高
//setMaximumWidth(30);        //最大列寬
setMaximumSize(370, 150);    //設置最大尺寸

setFixedSize(365,240);        //設置固定尺寸
//setFixedWidth(30);        //固定列寬
//setFixedHeight(30);        //固定行高

int x,y,w,h;
label = new QLabel(this);
label ->setGeometry(x,y,w,h);
//若label的尺寸已經設置，則w,h的值無效。

3、設置布局

QVBoxLayout *layout = new QVBoxLayout(this);
QLabel *label = new QLabel(QString("Holle，世界"), this);
layout->addWidget(label,Qt::AlignCenter);    //居中
//Qt::AlignCenter 中心對齊
//Qt::AlignLeft 左對齊
//Qt::AlignRight 右對齊
//QHBoxLayout：水平布局，在水平方向上排列控件，即：左右排列。 
//QVBoxLayout：垂直布局，在垂直方向上排列控件，即：上下排列。

4、添加常規可視圖片

labelImg = new QLabel;
Image1.load(":/img/head.jpg");
labelImg->setAlignment(Qt::AlignHCenter|Qt::AlignVCenter);
labelImg->setPixmap(QPixmap::fromImage(Image1));
//.h文件
//#include <QImage>
//private:
//QImage Image1;

5、添加圓形可視圖片，即QQ頭像類

兩種方式，一種直接將圖片修改為圓形的透明圖片(*.png)，一種則是使用蒙版形式，使用圖片處理工具創建一個圓形透明圖片(*.png)，然后Qt操作代碼如下：

//.cpp文件
    labelImg = new QLabel(this);
    //設置蒙版
    labelImg ->setMask(pixmapBack.mask());
    labelImg ->setStyleSheet("border-image:url(qrc:/img/mask_30x30.png)");//mask_30x30.png，是我做的圓形透明圖片，已經導入到資源文件
    QPixmap head = QPixmap(":/img/head.jpg").scaled(QSize(labelImg->width(), labelImg->height()), Qt::KeepAspectRatio, Qt::SmoothTransformation);    //head.jpg,是要顯示的圖片類型大小隨意，這里我用的是*.jpg。KeepAspectRatio:保持長寬比例
    labelImg ->setPixmap(head);

6、實現被點擊事件

標簽實現被點擊事件有兩種方式，一種是自定義一個按鈕類標簽，一種是采用事件過濾，具體的請看代碼。注：這里采用了鼠標事件。

1).自定義按鈕類標簽：

//ClickedLabel.h文件
#include <QLabel>
class ClickedLabel : public QLabel
{
    Q_OBJECT
public:
    ClickedLabel( QWidget* parent = 0);
    int IsClicked;
    void mousePressEvent(QMouseEvent *e);//添加鼠標響應事件
    void mouseReleaseEvent(QMouseEvent *e);//添加鼠標釋放事件
signals:
    void clicked();//點擊信號

};
//ClickedLabel.cpp文件
ClickedLabel::ClickedLabel(QWidget* parent) : QLabel(parent)
{
    setText("作者：夜瀟!");  //添加標簽默認文本
    setAlignment(Qt::AlignCenter);  //設置默認對齊方式：中心對齊(居中)
    //設置默認標簽風格
    //setStyleSheet("ClickedLabel { background-color: rgb(143,122,102); border-radius: 10px; font: bold; color: white; }");
    IsClicked = 0;
}

void ClickedLabel::mousePressEvent ( QMouseEvent * e )
{
    IsClicked = 1;
}

void ClickedLabel::mouseReleaseEvent ( QMouseEvent * e )
{
    if(IsClicked)
    {
        emit clicked();
        IsClicked = 0;
    }
}

2).事件過濾標簽：

#include <QDialog>
#include <QLabel>
#include <QEvent>

class EventFilter : public QDialog
{
    Q_OBJECT
    
public:
    EventFilter(QWidget *parent = 0,Qt::WindowFlags f=0);
    ~EventFilter();
public slots:
    bool eventFilter(QObject *, QEvent *);
private:
    QLabel *label1;
};
//這里有一個默認的*.cpp的頭文件，故此我將其省略。
#include <QHBoxLayout>
#include <QMouseEvent>

EventFilter::EventFilter(QWidget *parent,Qt::WindowFlags f)
    : QDialog(parent,f)
{
    label1 = new QLabel;
    
    QHBoxLayout *layout=new QHBoxLayout(this);
    layout->addWidget(label1);
    label1->installEventFilter(this);
}
bool EventFilter::eventFilter(QObject *watched, QEvent *event)
{
    if(watched==label1)
    {
        if(event->type()==QEvent::MouseButtonPress)
        {
            QMouseEvent *mouseEvent=(QMouseEvent *)event;
            if(mouseEvent->buttons()&Qt::LeftButton)
            {
                label1->setText(tr("左鍵按下"));
            }
            else if(mouseEvent->buttons()&Qt::MidButton)
            {
                label1->setText(tr("中鍵按下"));
            }
            else if(mouseEvent->buttons()&Qt::RightButton)
            {
                label1->setText(tr("右鍵按下"));
            }
        }
        if(event->type()==QEvent::MouseButtonRelease)
        {
            label1->setText(tr("鼠標釋放"));
        }
    }
    return QDialog::eventFilter(watched,event);
}

7、實現超鏈接

label= new QLabel(tr("<style> a {text-decoration: none} </style><a href = http://haozip.2345.com>2345好壓</a>"),this);
//文本無下划線：<style> a {text-decoration: none} </style>，如去掉則有下划線。

8、修改顏色

標簽顏色有基本兩處，一是文本顏色，二是背景顏色。而文本顏色設置兩種，一種是用QPalette類，一種是StyleSheet類，代碼如下：

label = new QLabel(this);
QPalette palette;
palette.setColor(QPalette::WindowText,Qt::red);
label->setPalette(palette);
//文本顏色：紅色

label = new QLabel(this);
label -> setStyleSheet("QLabel { color: rgb(143,122,102);}");
//label -> setStyleSheet("QLabel { color: red;}");
//label -> setStyleSheet("QLabel { "color: #FF0000;";}");
//常見顏色十六進制值
//<font color=red或"#FF0000">紅色</font>
//<font color="#dd0000">淺紅色</font>
//<font color="#660000">深紅色</font>
//<font color="#00dd00">淺綠色</font>
//<font color="#006600">深綠色</font>
//<font color="#0000dd">淺藍色</font>
//<font color="#000066">深藍色</font>
//<font color="#dddd00">淺黃色</font>
//<font color="#666600">深黃色</font>
//<font color="#00dddd">淺青色</font>
//<font color="#006666">深青色</font>
//<font color="#dd00dd">淺紫色</font>
//<font color="#660066">深紫色</font>

 設置背景顏色：

label = new QLabel(this);
label ->setStyleSheet("background-color:lightred;");
//顏色值可通用

9、設置圓角標簽，且擴展類。注：此圓角和第5點中的圓不同用。

label = new Qlabel(this);
label -> setStyleSheet("Qlabel{color: white;"
               "border-radius: 20px;  border: 2px groove gray;border-style: outset;}"/*此處設置圓角*/
               "Qlabel:hover{background-color:lightgreen; color: black;}"
               "Qlabel:pressed{background-color:rgb(85, 170, 255);border-style: inset; }");
    //注：當radius的值是控件高度或者寬度一半時可化作圓;border：邊 hover:點燃 outset:常規 pressed:按下 inset:內嵌

好了，今天就先到這吧！如果你也有好的代碼可以私信或者加以評論。如有疑問，可隨時聯系QQ：1285015525。