Bubbling effect and its solution using corona SDK

Introduction :
The bubbling effect is a very common issue produced while developing cross platform mobile applications.

Bubbling Effect?? What’s that ??
Let’s assume a layout in which we have a parent box having a child box and both of them having their own click/touch event. Now if anyone clicked/touched the child box, ideally event associated with the child box should get fired. But here, along with this the event associated with its parent box will also gets fired.
Meaning on click of child box, both the events associated with child and its parent gets fired. Let’s get the solution for this issue, which is described in below screen cast.

Summary :
The above video described the bubbling effect caused in an app and the solution to handle this issue using Corona SDK.

THAT’S IT

Presented By: Raju Mahato, Software Developer, Mindfire Solutions

ACS user login using our app with Alloy using Titanium

Introduction :
In our daily life, we are using few application which requires user login authentication.
For an example Facebook, which is very much popular among us also follows the same. Here with this blog, I will describe the way to implement user login functionality into our app using ACS i.e. Appcelerator Cloud Service.

Description :
Let me first explain the whole process without including the ACS in scenario.

On development point of view, to make the user login functionality, generally we need to have a server on somewhere which will contain all the necessary information related to users like username, password, email, firstname, lastname etc. That means we obviously need to spend some money on server setup.
Then, in our app we should have a page to enter user data (user id, password) and a button to submit those user data. Now on submit of user data, generally we will call some API which will communicate with our server to validate user credential.So again to make the API, we need to create some services which will be hosted on server, which means to invest more effort in form of man power, setups, server-side programming and so many other related things.

Lets get introduced to ACS (Appcelerator Cloud Service) here. Only introducing ACS removes all our headache to maintain any server and server programming. ACS provides a place on cloud to maintain user data even for development and production mode also with services which required to communicate with their server.

Slider as progress bar using Titanium

Introduction :
Slider API generally used to select value from defined range of values, where as with little modification we can use the same API to design progress bar which can be used to display the amount of work done of a long process. For example, progress bar can be displayed while uploading or downloading any content.

Summary :
Referring to the above video, I have described the way to use slider API to make progress bar using Titanium.

THAT’S IT

Presented By: Raju Mahato, Software Developer, Mindfire Solutions

Scrollview as TableView with Titanium

Introduction :
With multiple view added vertically on a scrollview looks as a tableview on a screen. By adding views one after another to scrollview, we can change that scrollview as a tableview with Titanium.

Summary :
Referring to the above video, it describe the use of scrollview as tableview using Alloy in Titanium.

THAT’S IT

Presented By: Raju Mahato, Software Developer, Mindfire Solutions

Scrollable view using Titanium

Introduction :
There might be a scenario, where we have list of view which need to be displayed one at a time. On swipe the views will be changed. Titanium has properties called as ‘ScrollableView’ which can help us to meet our requirement.

Summary :
Using above video, we came to know the use of scrollableview to have view swipping effect using Titanium with Alloy.

THAT’S IT

Presented By: Raju Mahato, Software Developer, Mindfire Solutions

ScrollView API in Titanium

Introduction :
To display large context on a small place with a limited place, then usually we make the contents scrollable, where with scrolling we can view all of those contents within that space.
Titanium provides API called ‘ScrollView’, which can be used to contents scrollable data.

Summary :
Using above video I have described the way to use of scrollview API using Titanium with Alloy.

THAT’S IT

Presented By: Raju Mahato, Software Developer, Mindfire Solutions

Disable scrollview bounce effect with Titanium

Introduction :
When we scroll down and scroll up, at top end and bottom end respectively, we can see bounce effect at those positions. Titanium provides property to the scrollview, using which we can resctrict that effect.

Summary :
With the above video I have described the way to block the bounce effect on scrollview in an app built with titanium.

THAT’S IT

Presented By: Raju Mahato, Software Developer, Mindfire Solutions

Interaction between webview and Titanium API

Introduction :
I have faced this as a very common requirement, where we need to display any html content to any specific portion of our app and we need to make a bridge which can talk with platform APIs.
So here again webview content can also make communication with Titanium native API’s. Here I have demonstrated a way to call native API functionality from webview contents.

Summary :
With above video, I have described the way to bind Titanium API’s with HTML events, which can talk to each other.

THAT’S IT

Presented By: Raju Mahato, Software Developer, Mindfire Solutions

Get page tile that loaded on webview in Titanium

Introduction :
Sometime we need to know the page title of the currently loaded page in webview.
Using Titanium evalJS() method we can get the specific DOM element of the page loaded in webview. Using the same we can get the page title too.

Summary :
Above screen cast demonstrates the way to get page title i.e. currently loaded on the webview using Alloy in Titanium

THAT’S IT

Presented By: Raju Mahato, Software Developer, Mindfire Solutions

Load event of webview in Titanium

Introduction :
Load is an event associated with the webview in Titanium which gets called once the page gets loaded on the webview controller.

Summary :
Using Load event we can trigger any function or event which will be fired once the page gets fully loaded.

THAT’S IT

Presented By: Raju Mahato, Software Developer, Mindfire Solutions