-
- Interesting! Wow... Just one Day of programming???
Curious to know, if you plan others features and if it will be released on appworld?
Thanks for posting.louis.keeper likes this.09-06-12 04:16 PMLike 1 -
- 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:
http://forums.crackberry.com/blackbe...x-bb10-742420/
http://forums.crackberry.com/blackbe...x-bb10-742419/
Hope you like it.
Thanks09-06-12 09:10 PMLike 9 - 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.louis.keeper likes this.09-07-12 01:49 AMLike 1
-
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.
https://developer.blackberry.com/cas..._listview.html
https://developer.blackberry.com/cas...istlayout.html
https://developer.blackberry.com/cas...datamodel.html
https://developer.blackberry.com/cas...imageview.html
https://developer.blackberry.com/cas...ransition.html
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):
https://developer.blackberry.com/cas...rehandler.html
To handle device orientation, use OrientationHandler:
https://developer.blackberry.com/cas...onhandler.html
To display a busy indicator while the app is working on something which requires a bit of time. I use ActivityIndicator from Cascades:
https://developer.blackberry.com/cas...indicator.html
For brightness and contrast, I use the code from this link:
http://www.qtcentre.org/threads/25346-Image-contrast
and using Slider of Cascades to let user adjust:
https://developer.blackberry.com/cas...s__slider.html
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)
https://github.com/kylefowler/twitter-bb10
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:
https://projects.developer.nokia.com/socialconnect
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-12 at 02:51 AM.
09-07-12 02:42 AMLike 8 -
- Most of the stuff for viewing and interacting with Image I read from RIM's documents and samples along with Nokia's documents.
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.
https://developer.blackberry.com/cas..._listview.html
https://developer.blackberry.com/cas...istlayout.html
https://developer.blackberry.com/cas...datamodel.html
https://developer.blackberry.com/cas...imageview.html
https://developer.blackberry.com/cas...ransition.html
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):
https://developer.blackberry.com/cas...rehandler.html
To handle device orientation, use OrientationHandler:
https://developer.blackberry.com/cas...onhandler.html
To display a busy indicator while the app is working on something which requires a bit of time. I use ActivityIndicator from Cascades:
https://developer.blackberry.com/cas...indicator.html
For brightness and contrast, I use the code from this link:
Image contrast
and using Slider of Cascades to let user adjust:
https://developer.blackberry.com/cas...s__slider.html
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)
https://github.com/kylefowler/twitter-bb10
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:
https://projects.developer.nokia.com/socialconnect
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)louis.keeper likes this.09-08-12 08:44 PMLike 1 - This is ridiculously awesome and smooth, seriously impressive for one days worth of work. Well done!
Excited is an understatement for the new BB10 device.09-09-12 03:24 PMLike 3 - WOW that is realllllllllllllllly smooth!!!! Can't wait for BB10!meganVee and louis.keeper like this.09-12-12 11:30 PMLike 2
- Just amazing stuff! Makes me even more excited for BB10!
Does 60fps have anything to do with this? Will all animations be so smooth?meganVee and louis.keeper like this.09-13-12 07:14 AMLike 2 - 09-13-12 10:53 AMLike 2
-
- Wow nice
Cant wait for BB10 !!
Sent from my iPhone 4S using Tapatalklouis.keeper and gng11 like this.09-14-12 11:27 AMLike 2 -
-
- ThunderbuckRetired Moderator
I'm going to totally try to duplicate this, especially with the resources you've listed. Seriously, this is a fantastic job!louis.keeper likes this.09-16-12 12:51 AMLike 1 -
-
-
-
- Forum
- BlackBerry 10 Phones & OS
- BlackBerry 10 OS
Photo X (BB10 Cascades Photo Viewer)
« Bedside mode
|
I love bb10 »
LINK TO POST COPIED TO CLIPBOARD