Photo X (BB10 Cascades Photo Viewer)
Built in 1 day with power of Cascades.
Pretty neat, loving the multitouch !It's Never Too Late to Be Bold You can find my musing over at BerryFlow.com | @jmznvs
"If you understand what the promise of BlackBerry is to its user base itís all about getting stuff done.
Games, media, we have to be good at it but we have to support those guys who are ahead of the game." Thorsten Heins
- 09-06-2012, 09:10 PM #5
Sorry for the low-res video. Here are some screenshots that would give some more info about this app (Photo X):
Hope to release it soon.
You can check my other 2 BB10 apps over here:
Hope you like it.
- 09-07-2012, 01:49 AM #6
Did you just use RIM's samples and resources on the development website or did you consult other resources? I am looking to learn cascades development and would appreciate any insight you have on getting started.
- 09-07-2012, 02:42 AM #7
This Photo X uses QImage, QDir, QFile.... to browse files, read files and write image to file. These are very clear from Nokia Qt sites:
Qt 4.7: QImage Class Reference
Qt 4.7: QFileInfo Class Reference
Qt 4.7: QDir Class Reference
For display/visual, it uses ListView, GroupDataModel, GridListLayout, ImageView, Animation, GestureHandlers, OrientationHandler ... from Cascades using QML.
Basically, First, browse and read all the file in a folder into a QFileInfoList. Loop through this list and create a QVariantMap for each photo (ignore file is not photo), then insert this QVariantMap into our GroupDataModel. After finishing preparing data model, set it to the ListView data model. Our ListView is using GridListLayout with predefined columns (Photo X uses 4 for portrait and 6 for landscape mode). Once ListView data model is set, ListView will render automatically everything.
To handle gesture, use GestureHandler (PinchHandler, DoubleTapHandler, TapHandler):
To handle device orientation, use OrientationHandler:
To display a busy indicator while the app is working on something which requires a bit of time. I use ActivityIndicator from Cascades:
For brightness and contrast, I use the code from this link:
and using Slider of Cascades to let user adjust:
For Twitter integration, it's a bit complicated while we are waiting for the simple one from RIM. Photo X uses 2 approaches:
1. from Kyle Fowler, this is used for getting authentication for the app. (Can post status to Twitter but cannot with image)
2. from the Nokia Social Connect QML Plugin, this has issue with authentication(I haven't worked it out yet). I use this for posting message/message with image to Twitter:
That's it. Casacades/QML is extremely straightforward. Just try Ctrl+Space all the time if you need to know what can be used inside any component(Cascades calls Control)
Last edited by louis.keeper; 09-07-2012 at 02:51 AM.
- 09-13-2012, 08:53 PM #15
Let me confirm once again that all these stuff you see is not new. We all know it. Only 1 thing I want people to know is everyone can make it in 1 or 2 days. Everyone. That's how awesome Cascades and BB10 is.
- 09-16-2012, 12:22 AM #18
Very freaking awesome man
- CrackBerry Genius
09-16-2012, 12:51 AM #19
- 3,597 Posts
- CrackBerry Abuser
09-16-2012, 12:58 PM #20
- 499 Posts
- 09-22-2012, 12:23 AM #22
- CrackBerry Genius
09-22-2012, 01:43 AM #23
- 3,553 Posts
- excepting applications
BlackBerry10 is gonna be like nothing else. The haters have a wake up call coming. You can't say anything bad about cascades and its beauty.
Sent from my BlackBerry 9670 using TapatalkI waited...It launched...Im still waiting...