QLabel 外观篇

Qt学习笔记外观篇（六）：QLabel

2014年08月27日 13:14:04 wangyanphp 阅读数：4267 标签： GUIQt界面自定义外观 更多

个人分类： Qt

  QLabel非常简单，且非常实用。

 其典型用法如下：

1. QLabel label(QObject::tr("hello world"),&dialog);

2. label.setFrameStyle(QFrame::Panel | QFrame::Sunken);

3. label.setAlignment(Qt::AlignBottom | Qt::AlignRight);

产生QLabel对象，设置外观，设置对齐方式。

 

通过以下代码，产生QLabel：

 

1. int main(int argc, char *argv[])

2. {

3.  

4. QApplication app(argc, argv);

5. QFile file(":/qss/style.qss");

6. file.open(QFile::ReadOnly);

7. QDialog dialog;

8. QLabel label(QObject::tr("hello world"),&dialog);

9. label.setFrameStyle(QFrame::Panel | QFrame::Sunken);

10. label.setAlignment(Qt::AlignBottom | Qt::AlignRight);

11. QLabel label2(QObject::tr("hello China"),&dialog);

12. QVBoxLayout layout(&dialog);

13. layout.addWidget(&label);

14. layout.addWidget(&label2);

15. dialog.setLayout(&layout);

16. //dialog.setStyleSheet(file.readAll());

17. dialog.show();

18.  

19. return app.exec();

20. }

产生QLabel如下：

 

我们通过qss进行自定义外观，我们需要自定义的选项有：background（背景颜色，背景图片。。），border，padding，margin，文字的大小，颜色，字体等等。

 

1. QLabel {

2. font: 9pt;

3. font-family:"Vrinda";

4. color: rgb(0, 0, 127);

5. border: 2px solid green;

6. border-radius: 4px;

7. padding: 2px;

8. background-image: url(images/background.png);

9. }

10. QLabel:hover{

11. font: 9pt;

12. font-family:"Vrinda";

13. color: rgb(0, 0, 127);

14. border: 2px solid green;

15. border-radius: 4px;

16. padding: 2px;

17. background-image:url();

18. }

我们得到：

 

关于使用QStyle类进行定制QLabel的方法我还不会，如果大家知道方法的话，请留言。