qt - QML BusyIndicator while loading a heavy qml file -


i've been trying run busyindicator (http://doc.qt.io/qt-5/qml-qtquick-controls-busyindicator.html) while loading qml file (http://doc.qt.io/qt-5/qml-qtquick-loader.html), busyindicator doesn't appear.

what trying is: 1- user emits "handlerloader(name)", "name" url of next qml page. 2- in "onhandlerloader" run busyindicator. 3- then, change loader source.

the problem no matter time spent between steps 2 , 3, busyindicator not appear.

moreover, when comment step 3, busyindicator appears correctly.

what doing wrong?

thanks!!

this code:

rectangle {      visible: true     width: 800     height: 480     signal handlerloader (string name)     loader {         id: pageloader;         source: "init.qml";     }      busyindicator {         id: busyindicator_inicio         width: 100         height: 100         anchors.centerin: parent         running: false     }      connections {         target: pageloader.item         onhandlerloader: {              busyindicator_inicio.running = true              pageloader.source = name;         }     } }

the reason is, heavy-loading loader blocking thread. set asynchronous mode, allow rest of program run. further, i'd recommend prefer declarative bindings imperative assignments in handlers. see example:

main.qml:

import qtquick 2.4 import qtquick.window 2.2 import qtquick.controls 2.0  window {     width: 1000     height: 800     visible: true      button {         text: 'load'         onclicked: {             loader.source = "testobj.qml"         }     }      loader {         anchors.fill: parent         id: loader         active: true         asynchronous: true         visible: status == loader.ready     }      busyindicator {         id: ind         anchors.fill: parent         running: loader.status == loader.loading     } }

testobj.qml:

import qtquick 2.0  item {     grid {         anchors.fill: parent         columns: width         rows: height         repeater {             model: 100             rectangle {                 width: { (var = 0; < 10000; i++) console.log(i); return 1 }                 height: 1                 color: 'green'             }         }     } }

since asynchronous loader might display incomplete files time, set visible when status changes ready.


Comments

Post a Comment

Popular posts from this blog

php - How to add and update images or image url in Volusion using Volusion API -

actually have store importing products store product data insert , update image or image url not insert , update. this xml code name datapro.txt. <products_joined> <productcode>3710_012t</productcode> <vendor_partno>eah5450silent/di/1gd3(lp)</vendor_partno> <productname>test product ta</productname> <hideproduct>n</hideproduct> <stockstatus>20</stockstatus> <lastmodified>1/5/2016 10:25:00 am</lastmodified> <lastmodby>2</lastmodby> <productweight>0.9</productweight> <productprice>100</productprice> <productmanufacturer>asus tek</productmanufacturer> <vendor_price>32.69</vendor_price> <numproductssharingstock>0</numproductssharingstock> <categoryids>107</categoryids> <producturl>http://tebkq.mvlce.servertrust.com/productdetails.asp?productcode=3710_012t</producturl>
Read more

javascript - jQuery UI Splitter/Resizable for unlimited amount of columns -

using jqueryui splitter or resizable functions want create layout allows unlimited amount of columns added , columns need resizable. so fiddle: https://jsfiddle.net/f3glh3mw/ but in fiddle html contains out of nested sets instead of inline. limits possibilities above fiddle can have equal widths 2,4,8,16,32 etc columns. in between shows crooked can see in fiddle. when researching came on question: jquery ui , splitter if @ top answer shows structure like: <div class="wrap"> <div class="resizable resizable1"></div> <div class="resizable resizable2"></div> </div> full fiddle: http://jsfiddle.net/8qztj/86/ which structure want javascript hardcoded 2 resizable items. so here question: how modify last fiddle works amount of .resizable divs. or know of plugin can this. thanks helping! so far found plugin: http://www.bacubacu.com/colresizable/ which says , close functionality want. in
Read more

javascript - IE9 error '$'is not defined -

Image
<!--[if lte ie 9]><html class="lte9"><![endif]--><!--[if gt ie 9]><html><![endif]--> <!--[if !ie]><!--> <html> <!--<![endif]--> blah blah <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="{{ asset('js/mypage.js') }}" type="text/javascript"></script> </body> </html> when load page, ie9 brings error '$' not defined . how can solve error? +++ mypage.js $(function(){ //when load page, //ie9 tag not moving. $(window).load(function() { $('div.mask').hide(); }); // when click , willshow show. //for not ie 9 if (!$('html').hasclass('lte9')) { var = $('ul.about > li > span.activebtn');
Read more