QML控件中提供了两个属性implicitWidth和implicitHeight,这两个属性和width和height有什么区别呢?下面我通过一个简单的例子进行介绍,例子如图:
该例子包含了两个文本框Text,两个图片Image。两个Text设置相同的width:80,相同的height:20。两个Image设置相同的width:320,相同的height:180,图片缩放方式均为充满控件。不同之处在于两个Text中的内容不同、两个Image加载的图片分辨率不同(1920*600、72*72)。代码很简单,此处略去。
点击按钮,获得输出信息:
通过输出信息可知,对于类似于Image、Text等其中包含内容的控件,width、height只是设置了该控件的框架的宽度和高度,但其中的内容的大小的值是由implicitWidth/implicitHeight属性表示的。一个控件的width和height在控件初始化的时候便确定好了,而implicitWidth/implicitHeight是跟随着控件包含的内容的变化而变化的。
特别是在控件作为delegate的代理控件时,控件需要在程序启动后动态的加载同时匹配内容的宽度高度时,就需要使用implicitWidth/implicitHeight。就像是一个仓库的建筑尺寸大小和仓库内存放的物品的大小的区别。
当控件没有设置width/height时,系统会默认使用implicitWidth/implicitHeight。