首页 > 代码库 > 《Qt Quick 4小时入门》学习笔记2
《Qt Quick 4小时入门》学习笔记2
http://edu.csdn.net/course/detail/1042/14805?auto_start=1
第五章:Qt Quick基本界面元素介绍
1、Window:派生自Item;
2、ApplicationWindow:可以有菜单、工具栏等;
3、Item
importQtQuick2.0
importQtQuick.Controls2.0;
importQtQuick.Window2.0;
Window{
visible:true;
width:480;
height:320;
Text{
y:20;
text:"气有浩然,学无止境";
color:"red";
font.pointSize:16;
rotation:45;
}
Button{
y:50;
text:"点我呀,可劲的点";
onClicked:{
console.log("哎呦...");
}
}
//画一个矩形,可以作为输入框的背景
Rectangle{
x:220;
y:80;
width:220;
height:40;
color:"lightgray";
border.color:"blue";
border.width:2;
radius:5;
//文本输入框默认是全透明的,可与Rectangle组合使用达成一般输入框的显示效果
TextInput{
id:phoneNumber;
width:200;
height:30;
x:10;
y:4;
focus:true;
}
}
Image{
x:100;
y:100;
width:400;
height:300;
//source:"file:///D:/OneDrive/图片/其他/图片/gun.jpg";//本地图片按照此规则来写
source:"http://img1.3lian.com/2015/w7/85/d/106.jpg";//网络图片直接写地址即可
//fillMode:Image.Stretch;
fillMode:Image.PreserveAspectFit;
}
}
可以在命令行中直接使用 qmlscene 命令来查看界面效果,得提前把此命令所在的路径加到系统环境变量 Path 中。
来自为知笔记(Wiz)
《Qt Quick 4小时入门》学习笔记2
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。