icesimon's Blog

  • About Me
  • Archive
  • feeds

Posts match “ DesignUnit ” tag:

over 8 years ago

Create GuidePage in Cascades

As a developer, I think many other developers may think how to teach users to use my application
We provide screenshots of the apps when we upload to any app markets, some devs will also record a video to tell users who to operate.

The most common way is to put a "Guide Page" inside the app, not just "Tips", but a continuous information to let user understand the major features.

There are three kinds of implementations here.

1. Use a scrollview with a super large image

Advantage:

You can simply scroll from left to right, put a button at the last page to close this Guide Page.

Disadvantage:

The image may be too large, and hard to change / modify parts.

2. Use a scrollview with several images

Advantage:

You can simply scroll from left to right, put a button at the last page to close this Guide Page, can change parts easier than first method.

Disadvantage:

Still hard to change / modify parts.

3. Use a scrollview with custom containers

Advantage:

Custom containers are much more flexible

Disadvantage:

I don't know, haha!

Here are the sample from Github

For Cascades 10.1 /10.2 SDK

https://github.com/icetingyu/AppGuidePage

For Cascades 10.3 SDK

https://github.com/icetingyu/AppGuidePageDesignUnit

In AppGuidePageDesignUnit project, I rewrite the project with design unit to support even Q30 (Passport), not just pixel related.
If you also want to learn use design unit, you can also check this project :D

If you have any problem, just send me a mail!
bsebadmin@gmail.com

Hope you will enjoy the sample!

Simon

  • BlackBerry
  • BlackBerry10
  • Cascades
  • 10.1
  • 10.2
  • 10.3
  • guide
  • Page
  • Sample
  • Containter
  • image
  • ScrollView
  • DesignUnit
  • pixel
  • July 26, 2014 12:26
  • Permalink
  • Comments
 

Copyright © 2013 icesimon . Powered by Logdown.
Based on work at subtlepatterns.com.