Qml自定义等待指示器

QtQuick.Controls 2 大部分组件提供的定制化一般都是 contentItem和background

contentItem描述组件的可视化区域的显示效果
background描述组件的背景区域的显示效果

自定义BusyIndicator可视化区域的显示

/*!*@file QmlBusyIndicator.qml*@brief Qml自定义等待指示器*@version 1.0*@section LICENSE Copyright (C) 2003-2103 CamelSoft Corporation*@author zhengtianzuo
*/
import QtQuick 2.7
import QtGraphicalEffects 1.0Item {Rectangle {id: rectwidth: parent.widthheight: parent.heightcolor: Qt.rgba(0, 0, 0, 0)radius: width / 2border.width: width / 6visible: false}ConicalGradient {width: rect.widthheight: rect.heightgradient: Gradient {GradientStop { position: 0.0; color: "#80c342" }GradientStop { position: 1.0; color: "#006325" }}source: rectRectangle {anchors.top: parent.topanchors.horizontalCenter: parent.horizontalCenterwidth: rect.border.widthheight: widthradius: width / 2color: "#006325"}RotationAnimation on rotation {from: 0to: 360duration: 800loops: Animation.Infinite}}
}

使用:

    BusyIndicator {id: busyIndicatoranchors.centerIn: parentimplicitWidth: 96implicitHeight: 96opacity: running ? 0.0 : 1.0contentItem: QmlBusyIndicator{}}

主要最后一句, 设置contentItem为我们上面的自定义等待指示器

需要完整代码请访问QtQuickExamples

联系方式:

作者	郑天佐
QQ	278969898
主页	http://www.camelstudio.cn
邮箱	camelsoft@163.com
博客	http://blog.csdn.net/zhengtianzuo06
github	https://github.com/zhengtianzuo
QQ群	199672080

觉得分享的内容还不错, 就请作者喝杯咖啡吧~~

Qml自定义等待指示器相关推荐

iOS 一个带动画的等待指示器
SkyWaitingView(github链接) 测试环境:Xcode 6,iOS 7.0以上. 简介一个简单的等待指示器可自定义圆弧粗细.颜色.旋转速率可自定义标签显示使用方法把头文件 S ...
ASIHTTPRequest 状态栏网络等待指示器
我们运行程序,如果网速很慢,查询的时候会一直黑屏,直到请求结束画面才出现,这样用户体验很不好.因此同步请求一般只是在某个子线程中使用,而不在主线程中使用.异步请求的用户体验要比同步请求好,因此一般情 ...
QML自定义图表图例
QML自定义图表图例项目简介项目技术项目展示主要源码片段解析获取完整项目源码传送门项目简介创建自己的自定义图例. 创建自己的自定义图例,而不是使用ChartView API的内置图例. ...
等待指示器(2) -- 网络等待指示器
一般在状态栏中出现网络等待指示器的图标. 使用UIApplication类的networkActivityIndicatorVisible属性设置. 1.在使用NSURLReuest发送请求时: 请求 ...
iOS网络编程-MBProgressHUD等待指示器
第三方的等待指示器,MBProgressHUD就是第三方提供的等待指示器框架.下面是MBProgressHUD提供的等待指示器样式,它们基本可以分为:未知结束时间和已知结束时间两大类等待指示器,在MB ...
二、TabLayout自定义图片指示器
最近项目需求,多个tab切换显示不同的页面,但是tab的下划线是一个带有圆角阴影的下划线,看过Tablayout源码的小伙伴可能会知道,通过原生的TabLayout是无法实现的,想了解的可以看我的另一 ...
Qt使用C++封装qml自定义图形控件（QQuickPaintedItem）
C++封装qml自定义图形控件 QtWidget.qml简介通过继承QQuickPaintedItem封装控件描述公用接口定义代码示例效果图 QtWidget.qml简介 Qt提供了2套UI ...
QML 自定义ComboBox控件
ComboBox是填充数据模型,数据模型通常是JavaScript数组,ListModel或者是整数,但是也支持其他类型的数据模型提供的属性. QtQuick在Qt 5.7在Controls 2.5版 ...
qml自定义switch_QML官方系列教程——Qt Quick Controls Styles
附网址:http://qt-project.org/doc/qt-5/qtquickcontrolsstyles-index.html Qt Quick Controls Styles -- Qt Q ...

Qml自定义等待指示器

联系方式:

觉得分享的内容还不错, 就请作者喝杯咖啡吧~~

Qml自定义等待指示器相关推荐

最新文章

热门文章