AppStudio 4: Clicks on scrolling controls

We have found a problem with clicks on scrolling controls. It appears to be a bug in the new iScroll 5 library. The problem first appeared in 4.0.0: If you click on a scrolling list, a click event was fired for everything except Android.

The solution, in 4.0.1, was to add click:true to the scroller’s settings. This fixed the problem on Android, but resulted in 2 clicks firing elsewhere. We have opened an issue for this on iScroll’s bug tracker: https://github.com/cubiq/iscroll/issues/674

We will keep you posted!

Update: Fixed in 4.0.4.

AppStudio 4: jQuery Mobile Icon improvements

AppStudio 4 comes with jQuery Mobile 1.4. It has over 50 icons you can use with your controls. If that’s not enough, you can add custom icons of your own.

Screen Shot 2014-04-07 at 9.48.05 AM To help you choose, there’s a handy picker that appears in most cases. The icons are:
action, arrow-d-l, arrow-d-r, arrow-d, arrow-l,

arrow-r, arrow-u-l, arrow-u-r, arrow-u, audio,

calendar, camera, carat-d, carat-l, carat-r,

carat-u, check, clock, custom, grid,

mail, eye, gear, heart, home,

info, bullets, bars, navigation, lock,

search, location, minus, forbidden, edit,

user, phone, plus, power, recycle,

forward, refresh, shop, comment, star,

tag, back, video, alert, delete.
Continue reading “AppStudio 4: jQuery Mobile Icon improvements”

AppStudio 4: Shake your booty!

One of the handy gestures you can do on a mobile device that you cannot do on the desktop is shake the entire device. It’s a handy way for the user to tell your app to clear the screen, discard the current transaction, start a new game, etc.

To do this, you need to take measurements on the accelerometer and detect a shaking motion. This is a bit complex to do: AppStudio 4 adds a library to make this easy.
Continue reading “AppStudio 4: Shake your booty!”

AppStudio 4: Working with Dropbox

AppStudio 4.0 allows your mobile app to share data with other computers using Dropbox.

(If you haven’t used Dropbox, it’s an easy to use cloud based filing system. It is very nicely integrated with Windows and Mac: it becomes just another folder on your system. Dropbox takes care of all the behind the scenes file transferring, and it’s free with a reasonable amount of storage.)

You can create, read, update and delete files in your Dropbox folder using AppStudio. This makes it a powerful tool for synching data between your device and the desktop. It even works offline: the files you create or update will be synced with the desktop next time there is a data connection.
Continue reading “AppStudio 4: Working with Dropbox”

AppStudio 4: PictureBox images are way easier!

One of the hardest things to explain to new AppStudio users has always been “Why is it so hard to show an image in a PictureBox?”

PictureBox is based in the HTML5 Canvas element. To display an image on it, you used to need the following code:

'Pre AppStudio 4.0 code
pb = PictureBox1.getContext("2d")
myImage=new Image()

Sub Main
  myImage.src="mario.jpg"
End Sub

Function myImage_onload()
  pb.drawImage(myImage,0,0)
End Function

Since an image can take some time to load, it is done asynchronously. When the load is complete, unload is called to finish the display.

In AppStudio 4.0, it’s much simpler, using the new addImage() function:
Continue reading “AppStudio 4: PictureBox images are way easier!”