• 《Qt Quick 4小时入门》学习笔记2


    http://edu.csdn.net/course/detail/1042/14805?auto_start=1
     
    Qt Quick 4小时入门
    第五章: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 中。
     





  • 相关阅读:
    初学git(一):创建本地“仓库”
    git常用命令
    Linux学习(一):从图形界面进入命令行及命令行进入图形界面
    继承与派生
    数据类型和表达式
    UDP
    网络与通信
    枚举类型
    结构体
    第一个随笔
  • 原文地址:https://www.cnblogs.com/sdsunjing/p/5899223.html
Copyright © 2020-2023  润新知