自编Qml时间控件(实用)
1、1.咸犴孜稍先看使用代码: 界面大小为480*360,颜色为lightblue,这里有两个布局管理器Row,一个是Row里显示开始时间与结束时间。 这里TimeCompont为时间控件,这里调用了Common文件夹的TimeCompont.qml文件,title为时间空间的标题,而onTimeSig为时间控件的信号,当滑动时间控件时候,会出发该信号,从而被两个Text文本控件获取到时间内容,进而显示到时间控件的上方。 这个时间控件一般只使用两个参数,当然还有一些其他的参数可以用,接着就是讲如何实现自编时间控件了。

3、1.接着就是最为核心的代码了,这里使用PathView控件实现时间控件的核心,PathView控件可以实现滚动的效果。PathView重要的参数有highlight、delegate、model、path。

5、5. 接下来的就是PathView控件的delegate参数了,这里有点难理解的就是text:stitch足毂忍珩ingNumbers(index),这里的index为选中的index,自动排布0-23个数值。 而color:viewDelegate.PathView.isCurrentItem?"white": "black"则是当前text是否在高亮的位置,如果是这文字颜色为白色,否则是黑色。

7、7.最后的重要参数则是PathView的path参数了,startX与startY参数是设置PathView的开始位置,而PathLine设置的是结束位置。

9、公开源代码仅供参考学习:http://download.csdn.net/detail/nicai_xiaoqinxi/9718069
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:62
阅读量:75
阅读量:34
阅读量:53
阅读量:71