Cascades Development

[CrozyBB]

Anyone have any luck yet getting a workout around for this?

[connyhald]

Well, it a bit of work, but here is what I'm doing.

In C++ create a QObject based type, e.g. Person with properties like that:

QString name

QUrl imageUrl

bb::cascades::Image image

Implement that once the imageUrl has been changed, the image data should be downloaded using QNetworkAccessManager. Out of the QByteArray construct a bb::cascades::Image. Set it to the image property and emit imageChanged() to notify the UI to redraw the image.

Create Person objects and add them to a list model. Export this list model from C++ to QML and bind it there to the ListView.

Of course this is a very rough overview, but it might give you an idea. I've got an app implementing this and I'll try to push it to some public place soon. I'll share a link here once it's done (not before the weekend probably).

[connyhald]

Also please consider voting for those JIRA items:

https://www.blackberry.com/jira/browse/BBTEN-270

https://www.blackberry.com/jira/browse/BBTEN-271

https://www.blackberry.com/jira/browse/BBTEN-272

[dridk]

Here is the solution , using my WebImageView : 

https://dl.dropbox.com/u/25981400/web_image_example.zip

// Default empty project template
import bb.cascades 1.0
import org.labsquare 1.0
// creates one page with a label
Page {
    Container {
        layout: DockLayout {}
      
          WebImageView {
              url:"http://syvolc.briolet.fr/wp-uploads/2010/11/qt-logo1.jpg"
              }
    }
}

How I do : 

-subclassing bb::cascade::Image

-create a property named url 

- use QnetworkAccessManager to send and get back the bytearray of the image

- SetImage using the bytearray received

- register my new Element BEFORE  QmlDocument::create("asset:///main.qml").parent(this); The DOC say after... 

- Do not forget to add : QT+= network in your *.pro file

Enjoy And Thanks Qt to be cute... And cascade blackberry to be ugly

[fredoust]

That is perfect and so usefull ! Thanks a lot for sharing.

[dridk]

I think now , I m going to make the solution to get a model List from the web.

[connyhald]

Thanks for posting this code. Only a few minor remarks (I know it's an example, just for others who want to build on it).

1) I think you shouldn't create a QNetworkAccessManager for each image. Instead create a singleton QNetworkAccessManager somewhere and use that for all http requests.

2) in WebImageView::imageLoaded() I think you should call reply->deleteLater() to prevent a memory leak.

3) A "loading" property is a nice add-on. That way you can display a busy indicator using QML while the image loads.

Thanks again!

[dridk]

Yes totally true! 

Here is the improvement: 

https://dl.dropbox.com/u/25981400/image_example2.zip

[dridk]

New update with a loading indicator :

https://dl.dropbox.com/u/25981400/image_example3.zip

[connyhald]

Very nice! Thanks