ListViews...within a ListView

I've been trying to figure out how to put ListViews within a ListView for certain use-cases that warrant the UI to be able to swipe through multple screens, either horizontally or vertically.  While a ListView on it's own is usefuly for showing various different items in a nice layout, there are many instances where it may be benificial to incorporate another ListView within a ListView.  I personally incorporated into my BetaZone app, Kloudmix, which has a different UI for Keyboard devices and portrait devices for userpages and profiles.  The main use-case that most will probably be familiar with is the featured carousel, where a screen has a vertical listview with one item being a horizontal listview that let's the user swipe through various featured items.  Another use-case may be user profiles, allowing users to swipe through different panes or containers of information.  Long story short, I spent some time tweaking around with it and reading a support forum post to create this nice and simple tutorial and sample app for you!


Simple Active Frames

One of the features that make Native Cascades stand out from Android ports, as well as from competitors like iOS is Active Frames.  Active Frames are a useful tool that can provide important app information to users in the active frames pane on BlakcBerry 10.  Information such as recently viewed articles in an RSS feed app, or latest tweets can provide useful information for users without having to enter the application.  Developers have the ability to pick and choose what they want to show users in active frames and aren't restricted to one definition or use-case.  I personally like to add a nice cover image to the active frame even if I'm not going to invest the time into coding some important information for my active frames.  It looks more professional and visually appealing to users to give them that all-around BlackBerry 10 experience.


Custom Title Bars

App development is a blend between the functional and aestethic.  Developers are often striving to bring out a certain identity or feel from their app.  Whether it's a company logo or a certain colour tone that is present throughout the application.  Today I'm going to be walking you through how to implement your own custom title bars in Cascades.  It's a fairly simple process, that I'm sure will have many delighted to know that it does not touch any src code (i.e. C++), it only uses QML!


Pull to refresh

For most people, lists in mobile apps have gone hand in hand with the pull to refresh for a while now.  Many of the biggest apps like Facebook, Twitter, among others make use of it to load feed data into a list.  Today I will be showing you how to add a pull to refresh in your own app using a listview!  To tell you the truth I didn't even know how to do this until a few weeks back when Jeremy Duke @BerryInformed gave me this little sample I will be using today to show you how to implement it.


Invoke BBM Channels


If you haven't been living under a rock you will have probably heard of BlackBerry's new social network feature called BBM Channels!  It's a new fresh take on allowing people to post content and consumers to get in touch with that content.  Luckily, BlackBerry has provided a way for developers to link their channels, or other relevant channels, within their app.  This is how.


Localizing and translating your application


This tutorial focuses on adding localization and translations to your native Cascades app.  Many of you already know that Blackberry has a tremendous following outside of the English speaking world.  Places like the Middle-East, Indonesia and South America have a great BlackBerry userbase.  Even though you could be building an awesome app it's important to understand who your customers are and how you can cater to them.  If you're building a complicated app with lots of labels and text throughout you may want to consider localizing your application and providing translations for other languages. It's a feature that I like to incorporate into my applications so that users can understand what's going on while using my apps.


In-App Purchases Made Simple

The process of adding in-app purchases to a Cascades app has proven daunting for many of you out there, but today I will attempt to make life easier for all of you.  About 6 months ago, when I first attempted to add in-app purchases to a Cascades app, there was a lot of head scratching and staring at the screen, but eventually it clicked well enough for me to implement.  After that, I spent a lot of time really wrapping my head around the code, and I am finally at a point where I can simplify the presentation of this code. Interested? Keep reading...


Dark & Bright Themes for your app

Hey everyone!  I'm glad to finally be doing my first Cascades tutorial.  Maybe you've seen me on Twitter or on the BlackBerry Developer forums.  I'm the developer of PinGuin which was the winner of the 2013 BlackBerry Jam Camp Cambridge.  Over the past year I've been quickly getting to know the BlackBerry 10 OS and along with it, Cascades.  This is going to be the first of MANY tutorials to come.

This tutorial focuses on adding Dark and Bright themes your native Cascades app.  It's a very simple feature and one that I like to incorporate into my applications so that users can change my apps' themes to fit how they like their phones to look while using them!


Basic Web Browser in Cascades

So, it's been a while since I have been able to get any code together for you guys, but now that MockIt! has launched officially, I should have time to get some posts together (big post coming within a few days!).  Also, Brandon Orr (@elbranduco) will be getting some awesome tutorials together for you Cascades devs.

Today, I made a small project for a friend of mine, and thought some of you might find it helpful.  The app is a simple one page web browser built in Cascades.


JavaScript Functions and Preserving Data

Cascades is a framework built on top of Qt, a C++ application framework. Qt allows for fantastic user interfaces with a custom language based on JavaScript called QML, or Qt Modeling Language. Not only is QML based on the structure of JavaScript, but it allows us to use JavaScript in our code.

Coming from a web design background, I have almost ZERO experience with C++. I'm not saying it's difficult to use or challenging, I'm just personally not use to it. When I learned that I can opt for JavaScript to do simple functions instead of C++ I was ecstatic, I just wasn't sure where to start.

In this tutorial I'm going to walk you through making a random number generator using some JavaScript MATH functions as well as creating our own.

Subscribe to this RSS feed
Subscribe to the official OSBB BBM Channel!



Back to top