qml基本元素运用示例

《qml基本元素运用示例》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、1.Item位置是0,0宽高分别是200Item{x:0;y:0;width:200;height:200;}2.Rectangle位置是：0,0宽高分别是200,颜色是红色Rectangle{x0;y0;width200;height:200;color:Hred"}3.GradientGradientstop分别在总高度的0颜色红色总高度的1/3萸色总高度的1是绿色Rectangle{width:100;height:100gradient:Gradient{Gradientstop{positio

2、n:0.0;color:"red"}Gradientstop{position:0.33;color:"yellow"}Gradientstop{position:1.0;color:"green"}}}4.Image设置一张图片Image{source:H../lmages/button1.png”}5.Borderimage他将一张图片分成9部分当图片进行缩放的时候A.1379位置的都不会进行缩放B.28将根据属性horzontalTileMode进行缩放C.46将根据屈性verticalTileM

3、ode进行缩放D.5将根据属性horzontalTileMode和verticalTileMode进行缩放Borderimage{width:180;height:180//分割1~9块的4个点是根据border设置的坐标来实现的//本别是距离坐标上边右边下边的距离border{left:30;top:30;right:30;bottom:30}horizontalTileMode:Borderimage.StretchverticalTileMode:Borderimage.Stretchsource

4、:H../lmages/button1.png”2.Animatedlmage主要用于播放gif图片Rectangle{width:animation.width;height:animation.height+8Animatedlmage{id:animation;source:"animation.gif"}Rectangle{propertyintframes:animation.frameCountwidth:4;height:8x:(animation.width-width)*animati

5、on.currentFrame/framesy:animation.heightcolor:”red”}}3.Text显示文木(具体的其他设置请看文档)Text{text:ntextn}4.Textl叩ut下面是设置一个输入文木框，框中的字符串是Text,并设置鼠标可以选择文本Textlnput{text:nTextHselectByMouse:true;//鼠标可以选择}5.IntValidatorint型验证器，和输入框结合后就是只能输入整型数据Textlnput{//最高可以输入100,最低输入1

6、0lntValidator{id:intval;bottom:10;top:100;}width:100;height:20;text:,,H;〃使用校验器validator:intval;}6.DoubleValidator只能输入浮点数Textlnput{//最高可以输入100,最低输入10decimals最多有多少位小数//notation表示是使用科学计数法还是（默认），还是直接的小数当获取里而的数据DoubleValidator{id:intval;decimals:4;bottom:10;t

7、op:100;notation:DoubleValidator.StandardNotmtion}width:100;height:20;text:””；〃使用校验器validator:intval;}11・RegExpValidator使用正则表达式Textlnput{//使用一个正则表达式来控制输入的字符串///A[a-zA-Z]{1}[0-1]{0,2}[a-z]{1,3}$/表示开始位置必须是一个大写或小写字母//接下来是0~2个的数字而且是0或1,在接下来是1-3个的小写字母RegExpVal

8、idator{id:intval;regExp:/A[a-zA-Z]{1}[0-1]{0,2}[a-z]{1,3}$/;}width:100;height:20;text:””；〃使用校验器validator:intval;}12.TextEdit显示一段helloworld的html文本和Textinput相同TextEdit{width:240text:"HelloWorld!"font.family:"He