QML入门教程(5)：Label、TextField用法介绍

Label用法代码

import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.5Window {visible: truewidth: 640height: 480title: qsTr("Hello World")Label{x:100y:100width: 100height: 50text: qsTr("我是标签")  //可被翻译color: "red"  //设置Label字体颜色font.pixelSize: 22 //字体大小font.italic: true  //斜体//字体对其方式horizontalAlignment:Text.AlignHCenteverticalAlignment:Text.AlignVCenter//设置背景颜色background: Rectangle{color: "gray"}}
}

文本框控件 TextField 用法代码：

import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.5Window {visible: truewidth: 640height: 480title: qsTr("Hello World")color: Qt.rgba(230/255,250/255,250/255,1)Label{id:labelx:20y:20text: "姓名"font.pixelSize: 22 //字体大小}TextField {id:nameTextanchors.left: label.rightanchors.leftMargin: 5anchors.top: label.topanchors.topMargin: -7placeholderText: qsTr("Enter name")}Button{anchors.top:nameText.bottomanchors.topMargin: 20anchors.left: nameText.lefttext: "获取文本框内容"onClicked: {console.log(nameText.text)}}
}

运行结果：

QML入门教程(5)：Label、TextField用法介绍相关推荐

QML入门教程(2): QML Button用法介绍
Button是很常见的控件,Qt助手的说明如下: Button QML Type Push-button that can be clicked to perform a command or ans ...
esri-leaflet入门教程（1）-leaflet介绍
esri-leaflet入门教程(1)-esri leaflet介绍 by 李远祥关于leaflet,可能很多人比较陌生,如果搭上esri几个字母,可能会有更多的人关注.如果没有留意过leaflet ...
QML入门教程(4): QML矩形框控件Rectangle用法
QML提供了矩形控件代码如下: import QtQuick 2.12 import QtQuick.Window 2.12Window {visible: truewidth: 640height ...
JavaScript 入门教程||javascript 简介||JavaScript 用法
javascript 简介 JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器.PC.笔记本电脑.平板电脑和智能手机等设备. JavaScrip ...
Adaboost入门教程——最通俗易懂的原理介绍（图文实例）
写在前面说到Adaboost,公式与代码网上到处都有,<统计学习方法>里面有详细的公式原理,Github上面有很多实例,那么为什么还要写这篇文章呢?希望从一种更容易理解的角度,来为大家呈 ...
泰凌微8258入门教程基础篇④——sig_mesh_sdk架构介绍
文章目录一.前言二.SDK文件架构三.SDK Demo Project 四.vendor文件架构 4.1 common 4.2 Demo Project目录五.产品类型定义一.前言本系列的 ...
Java 8 Lambda表达式官方入门教程（包括Lambda表达式介绍和语法）
Java8做出了比较大的更新,支持了很多新特性,Java8引入的Lambda表达式这一特性,使Java8支持函数式编程,目前网上有较多的教程,本文整理了来自Oralce官方提供的教程. Lambda表 ...
QML入门教程：一、QML和QtQuick简介以及QML实例
从 Qt 4.7 开始,Qt 引入了一种声明式脚本语言,称为 QML(Qt Meta Language 或者 Qt Modeling Language),作为 C++ 语言的一种替代.而 Qt Qui ...
QML入门教程(13): 鼠标键盘事件处理
键盘事件 qml对键盘的处理,处理利用Keys,例如按键按下的处理: pressed(KeyEvent event) This signal is emitted when a key has bee ...

QML入门教程(5)：Label、TextField用法介绍

QML入门教程(5)：Label、TextField用法介绍相关推荐

最新文章

热门文章