2. Human-computer Interfaces | LiveCode Mobile Development Cookbook

Sign In Start Free Trial

Book Overview & Buying
Table Of Contents

LiveCode Mobile Development Cookbook

By : Dr. Edward Lavieri Jr.

3.5 (11)

LiveCode Mobile Development Cookbook

3.5 (11)

By: Dr. Edward Lavieri Jr.

Overview of this book

If you are a LiveCode mobile developer looking to improve your existing skills, add efficiencies to your code, or want a better understanding of LiveCode’s capabilities, then LiveCode Mobile Development Cookbook is a must-have for you. The reader should at least have a basic understanding of LiveCode and mobile application development.

Preface

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Free Chapter

1. LiveCode Mobile Basics

1. LiveCode Mobile Basics

Introduction

Setting up your mobile environment for iOS development

Setting up your mobile environment for Android development

Defining icons and images for iOS development

Defining icons and images for Android development

Configuring standalone application settings for iOS applications

Configuring standalone application settings for Android applications

Using the simulator

Saving a standalone mobile app

2. Human-computer Interfaces

2. Human-computer Interfaces

Introduction

Creating a new main stack

Displaying web pages in your app

Masking user passwords

Including glow effects on buttons

Including state graphics on buttons

Getting an object's properties

Setting custom properties

Aligning interface objects

Dynamically displaying interface objects

Getting the user input

Recording user actions

Restricting the user input

Using mobile keyboards

Using a date picker

Using a time picker

Using effects between cards

Using buttons for navigation

3. Loops and Timers

3. Loops and Timers

Introduction

Implementing a countdown timer

Implementing a count-up timer

Pausing a timer

Resuming a timer

Using a loop to count

Using a loop to iterate through a list

4. Managing Text

4. Managing Text

Introduction

Reading the user input

Searching text

Replacing text

Combining text

Encrypting text

Writing text

Reading text

Sorting text

Formatting text

Appending text

Translating text into Pig Latin

5. Communications

5. Communications

Introduction

Initiating a phone call

Sending an e-mail

Formatting an e-mail

6. Data Structures

6. Data Structures

Introduction

Using arrays

Using multidimensional arrays

Saving external data

Loading external data

Reading XML

Writing XML

Using SQLite

Using MySQL

7. External Media

7. External Media

Introduction

Loading an image

Capturing an image from a mobile device's camera

Resizing an image

Playing a movie

Controlling the movie playback

Playing an audio file

8. Using MobGUI

8. Using MobGUI

Introduction

Setting up MobGUI

Using a navigational bar

Using a button

Using a navigational button

Using a slider

Using a toggle button

Using a list button

Using a progress bar

9. Using Animation Engine

9. Using Animation Engine

Introduction

Setting up Animation Engine

Moving objects along a line

Moving objects along a polygonal path

Moving objects along an elliptical path

Moving objects along a circular path

Stopping a moving object

Calculating the distance between two points

Using speed

Using collision listeners

Simulating gravity

10. Miscellaneous

10. Miscellaneous

Introduction

Adding numbers

Subtracting numbers

Multiplying numbers

Dividing numbers

Using advanced math

Randomizing numbers

Opening a web page

Querying web data

Using the geometry manager

Using invisible objects

Taking snapshots of a card

Taking snapshots of an area on a card

Detecting the operating system

Index

Index

Including glow effects on buttons

Adding glow effects to buttons is a good way of calling attention to them and differentiating them from other buttons on your app's interface.

How to do it...

To include glow effects, perform the following steps:

Drag a button to your card.
Right-click on the button and select Property Inspector.
On the property inspector, select Graphic Effects from the pull-down menu (Basic Properties is the default selection).
Select the type of glow you desire (inner or outer).

Set the properties associated with the outer glow as detailed in the following table:

Property name	Property reference	Options
Color	`color`	Color palette
Blend Mode	`blendMode`	Normal, Multiply, or Color dodge
Opacity	`opacity`	0 – 255
Filter	`filter`	Gaussian, Box (1, 2, or 3 passes)
Spread	`spread`	0 – 255
Size	`size`	0 – 255

The following screenshot gives you an overview of these properties:

Set the properties associated with the inner glow as detailed in the following...

Visually different images

CONTINUE READING

83

Tech Concepts

36

Programming languages

73

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

LiveCode Mobile Development Cookbook

Search

Your notes and bookmarks