Search code examples
javascriptxmltitaniumappcelerator

User guideline in Appcelerator?

Is it possible to implement user guideline into apps in Appcelerator? Something like this :

[User guideline like this][1]: https://i.sstatic.net/9bOss.png

I am trying to have some arrows pointing to some buttons and tell users what these buttons do.

Is it possible? Thanks

Solution

  • Yes, it is completely possible in Titanium. It all depends on how you want the introduction/user-guidelines of the app.

    Some basic points to note while creating such UI:

    • You can use plain image files of the screen and guideline text on it and then you can show these image files in any form you want like, ScrollableView, ScrollView, simple Views
    • You can use animations also while showing the guidelines.
    • If you want to add some text on guideline pictures, then you will have to figure out the ways so that the arrow pointing at the picture must point on correct element, e.g. in above picture you mentioned, the arrow is exactly in the middle of the picture, so you do not need to calculate the position of arrow pointer as Titanium by default place elements in middle in absolute or vertical layout.
    • If you want guidelines text available in different languages, then you can also use Titanium localization implementation.

    Finally, there are many ways to do it, it depends on your app's requirements.