QT教程-四, 标签QLabel

目录

一,什么是标签,它的作用是什么

二,如何创建QLabel到界面上。

1,ui界面拖拽

​编辑

2,代码创建

后续完善,,,,,,


一,什么是标签,它的作用是什么

       标签(Label)是一种常见的用户界面元素,用于显示文本或图像以提供信息或标识其他控件或内容。标签通常用于展示静态文本信息,它可以显示无法交互的文本内容,例如标题、标识、说明或其他说明性文字。标签可以具有不同的样式,例如字体、字号、颜色和对齐方式等,以使文本内容更醒目或适应特定设计要求。它还可以显示图像,例如公司标志、商品图片或其他图片资源。 另外,标签也可以用作其他控件或内容的标识符。例如,在表单中,可以使用标签来标识文本框、复选框或下拉列表框,以帮助用户了解相应控件的作用或要求。

        简单来说,标签就是用来帮助提示用户一些功能信息,图像信息的控件。

我们以原神设置界面为例来说:

        红色框框圈起来的这些文字提示信息,我们发现点击它并无任何效果,其作用就是让用户明白这个地方是设置启动功能的,设置关闭功能的,设置下载限速功能的。当我们需要设置提示信息让用户更容易理解该部分是什么,要做什么的情景,就可以使用QLabel来满足。

二,如何创建QLabel到界面上。

创建QLabel到界面上有两种方式,一是ui界面拖拽出来,二是纯代码编写出来。

1,ui界面拖拽

找到左侧的label,点击拖动到界面上

可以对其拉伸改变其大小,可以对其拖拽改变其在界面上的位置。可以双击设置其内部文本。

运行展示

2,代码创建

   //创建Label(this的意思为将标签的父对象设置为当前窗口,这样设置的好处是,当我们关闭窗口时,会自动释放该标签控件,避免内存泄漏)
   QLabel * lb1 = new QLabel(this);

   //设置标签宽高
   lb1->resize(400,50);

   //设置标签位置
   lb1->move(300,300);

   //设置标签文本
   lb1->setText("代码创建的标签");

我们发现,其实创建QLabel的过程与创建按钮的过程是差不多的,一般都是通过:

resize函数设置大小。

move函数设置 控件对于界面的位置。

setText函数来设置其内部文本。

所以当我们要创建一个新的控件,是不是也能够以此类推呢?

运行结果展示:

后续完善,,,,,,

  • 7
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Qt是一种流行的跨平台应用程序开发框架,提供了丰富的工具和库,使开发人员能够轻松创建高性能的应用程序。Qt提供了许多可扩展的方式来自定义和美化应用程序,其中之一就是通过使用Qt样式表(qss)。在程序中,我们可以使用qss来定义应用程序的外观和样式,从而更好地匹配用户的期望和品味。 下面是一些qss的实例: 1.按钮样式: QPushButton { background-color: yellow; border-style: outset; border-width: 2px; border-radius: 10px; border-color: beige; font: bold 14px; min-width: 10em; padding: 6px; } 这段代码给按钮添加了黄色的背景色,4像素的凹出边框,10像素的圆角边框,浅褐色的边框和粗体14像素的字体,并在按钮上添加6像素的填充。 2.标签样式: QLabel { color: #ff4411; font-weight: bold; font-size: 12px; font-family: "Arial"; } 这段代码将标签的字体颜色设置为红色和黄色的混合色,粗体12px的字体,并使用Arial字体族。 3.字体样式: QTextEdit{ font-family:"SimSun"; font-size:14px; } 这段代码将文本编辑器的字体设置为宋体并设置字号为14。 4.滑块样式: QSlider::groove:horizontal { border: 1px solid black; height: 10px; background: grey; margin: 0px; } QSlider::handle:horizontal { background: qlineargradient(x1:0, y1:0, x2:1, y2:1, stop:0 #bbb, stop:1 white); border: 1px solid black; width: 10px; margin: -2px 0; border-radius: 3px; } 这段代码将水平滑块的滑动轨迹高度设置为10像素,背景为灰色,并使用黑色描边。滑块的句柄使用渐变颜色并具有黑色描边。滑块的宽度为10像素,并使用3像素的圆角。 这些示例只是qss样式的冰山一角。开发人员可以通过使用丰富的qss属性和样式来自定义他们的应用程序的外观和样式。qss是Qt应用程序创建过程中的有用工具,能够使用户界面更加美观、用户友好。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值