Book Image

Appcelerator Titanium Smartphone App Development Cookbook Second Edition

By : Jason Kneen
Book Image

Appcelerator Titanium Smartphone App Development Cookbook Second Edition

By: Jason Kneen

Overview of this book

This book will take you through the process of building cross-platform, native UI applications for the mobile from scratch. You will learn how to develop apps, how to use GPS, cameras and photos and how to build socially connected apps. You will also learn how to package them for submission to the App Store and Google Play. This cookbook takes a pragmatic approach to creating applications in JavaScript from putting together basic UIs, to handling events and implementation of third party services such as Twitter, Facebook and Push notifications. The book shows you how to integrate datasources and server APIs, and how to use local databases. The topics covered will guide you to use Appcelerator Studio tools for all the mobile features such as Geolocation, Accelerometer, animation and more. You’ll also learn about Alloy, the Appcelerator MVC framework for rapid app development, and how to transfer data between applications using URLSchemes, enabling other developers to access and launch specific parts of your app. Finally, you will learn how to register developer accounts and publish your very own applications on the App Store and Google Play.
Table of Contents (16 chapters)
15
Index

Scaling an ImageView using the slider control


Now we have created code to select an animated funny face and we have the ability to move our photograph image around by dragging and dropping, we need to be able to scale our photograph using a slider control and a new transformation.

In this recipe, we will hook up the event listener of our slider control and use another 2D Matrix transformation to change the scale of our imageViewMe control, based on the user input this time.

How to do it…

At the bottom of your current source code, you should have created a slider control called zoomSlider. We are going to replace that code with a slightly updated version and then capture the slider's change event in order to scale our imageViewMe component based on the value selected. Replace your declaration of the zoomSlider component with the following code:

var zoomSlider = Ti.UI.createSlider({
  left: 125,
  top: 8,
  height: 30,
  width: 180,
  minValue: 1,
  maxValue: 100,
  value: 50
});

//create the...