INTRODUCTION TO ANDROID. Slide 2 Application Components An Android application is made of up one or more of the following components Activities We will.

Slides:



Advertisements
Similar presentations
CE881: Mobile and Social Application Programming Simon M. Lucas Menus and Dialogs.
Advertisements

CE881: Mobile and Social Application Programming Simon M. Lucas Layouts.
All About Android Introduction to Android 1. Creating a New App “These aren’t the droids we’re looking for.” Obi-wan Kenobi 1. Bring up Eclipse. 2. Click.
The Android Activity Lifecycle. Slide 2 Introduction Working with the Android logging system Rotation and multiple layouts Understanding the Android activity.
 User Interface - Raeha Sandalwala.  Introduction to UI  Layouts  UI Controls  Menus and ‘Toasts’  Notifications  Other interesting UIs ◦ ListView.
Filip Debelić What is it? Android is a mobile operating system (OS) based on the Linux kernel and currently developed by Google Android,
User Interface Android Applications. Activities An activity presents a visual user interface. Each activity is given a default window to draw in. The.
Basic, Basic, Basic Android. What are Packages? Page 346 in text Package statement goes before any import statements Indicates that the class declared.
By: Jeremy Smith.  Introduction  Droid Draw  Add XML file  Layouts  LinearLayout  RelativeLayout  Objects  Notifications  Toast  Status Bar.
Android Programming Beomjoo Seo Sep., 12 CS5248 Fall 2012.
ANDROID PROGRAMMING MODULE 1 – GETTING STARTED
Android Development (Basics)
Android: Layouts David Meredith
Android Programming. Outline Preparation Create new project Build and Run a project Debug a project Deploy on devices.
Android Application Development 2013 PClassic Chris Murphy 1.
Creating Android user interfaces using layouts 1Android user interfaces using layouts.
Better reference the original webpage :
Mobile Programming Lecture 1 Getting Started. Today's Agenda About the Eclipse IDE Hello, World! Project Android Project Structure Intro to Activities,
Introduction to Android Programming Content Basic environmental structure Building a simple app Debugging.
Android development the first app. Andoid vs iOS which is better? Short answer: neither Proponents on both sides For an iOS side, see this article on.
Android Boot Camp for Developers Using Java, Comprehensive: A Guide to Creating Your First Android Apps Chapter 9: Customize! Navigating with a Master/Detail.
Introducing the Sudoku Example
Android: versions Note that: Honeycomb (Android v3.0) A tablet-only release Jelly Bean (Android v4.1) Released on July 09, 2012.
CS5103 Software Engineering Lecture 08 Android Development II.
Liang, Introduction to Java Programming, Eighth Edition, (c) 2011 Pearson Education, Inc. All rights reserved Introduction to Android (Part.
© Keren Kalif Intro to Android Development Written by Keren Kalif, Edited by Liron Blecher Contains slides from Google I/O presentation.
Favorite Twitter® Searches App Android How to Program © by Pearson Education, Inc. All Rights Reserved.
Chapter 2: Simplify! The Android User Interface
Tip Calculator App Building an Android App with Java © by Pearson Education, Inc. All Rights Reserved.
DUE Hello World on the Android Platform.
CS378 - Mobile Computing Intents.
© 2016 Cengage Learning®. May not be scanned, copied or duplicated, or posted to a publicly accessible website, in whole or in part. Android Boot Camp.
Chapter 2 The Android User Interface. Objectives  In this chapter, you learn to:  Develop a user interface using the TextView, ImageView, and Button.
Object Oriented Software Development 9. Creating Graphical User Interfaces.
Android Boot Camp for Developers Using Java, 3E
User Interfaces: Part 1 (View Groups and Layouts).
Application Development for mobile Devices
Configuring Android Development Environment Nilesh Singh.
Android Boot Camp for Developers Using Java, Comprehensive: A Guide to Creating Your First Android Apps Chapter 2: Simplify! The Android User Interface.
Android 3: Exploring Apps and the Development Environment Kirk Scott 1.
Liang, Introduction to Java Programming, Eighth Edition, (c) 2011 Pearson Education, Inc. All rights reserved Introduction to Android (Part.
Android Hello World 1. Click on Start and type eclipse into the textbox 2.
Creating an Example Android App in Android Studio Activity lifecycle & UI Resources.
Android 3: Exploring Apps and the Development Environment Kirk Scott 1.
First Venture into the Android World Chapter 1 Part 2.
ANDROID – A FIRST PROGRAM L. Grewe Using AndroidStudio –basic Android  Lets do a “Hello World Project”  Start up AndroidStudio (assume you have installed.
ANDROID AND MODEL / VIEW / CONTROLLER. Slide 2 Design Patters Common solutions to programming problems are called design patterns Design patterns are.
HW#9 Clues CSCI 571 Fall, HW#9 Prototype
MOBILE COMPUTING D10K-7D02 MC05: Android UI Design Dr. Setiawan Hadi, M.Sc.CS. Program Studi S-1 Teknik Informatika FMIPA Universitas Padjadjaran.
ANDROID APPLICATION DEVELOPMENT. ANDROID DEVELOPMENT DEVELOPER.ANDROID.COM/INDEX.HTML THE OFFICIAL SITE FOR ANDROID DEVELOPERS. PROVIDES THE ANDROID SDK.
1 Android Development Lean and mean introduction Based on a presentation by Mihail L. Sichitiu.
CS378 - Mobile Computing User Interface Basics. User Interface Elements View – Control – ViewGroup Layout Widget (Compound Control) Many pre built Views.
ANDROID LAYOUTS AND WIDGETS. Slide 2 Introduction Parts of the Android screen Sizing widgets and fonts Layouts and their characteristics Buttons, checkboxes.
INTRODUCTION TO ANDROID. Slide 2 Introduction I take a top-down approach to describing an application’s anatomy.
The Flag Quiz app tests your ability to correctly identify 10 flags from various countries and territories.
Android apps development - Eclipse, Android SDK, and ADT plugin Introduction of.
CHAPTER 1 part 1 Introduction. Chapter objectives: Understand Android Learn the differences between Java and Android Java Examine the Android project.
Chapter 2: Simplify! The Android User Interface
Java FX: Scene Builder.
Open Handset Alliance.
Mobile Application Development BSCS-7 Lecture # 2
Android Application Development 1 6 May 2018
Mobile Application Development Chapter 3 [Using Eclipse Android Studio for Android Development] IT448-Fall 2017 IT448- Fall2017.
MAD.
Mobile Application Development Chapter 4 [Android Navigation and Interface Design] IT448-Fall 2017 IT448- Fall2017.
Anatomy of an Android Application
Graphical User Interfaces -- Introduction
CS5103 Software Engineering
Presentation transcript:

INTRODUCTION TO ANDROID

Slide 2 Application Components An Android application is made of up one or more of the following components Activities We will only discuss activities in this chapter Services Broadcast Receivers Content Providers

Slide 3 Application Components (Activities) (1) An Activity has a single screen with a UI Program logic is wired to a screen in a structured way (MVC) A program is initiated by running the default activity An activity is executed via predefined callbacks These are just procedures called by the Android infrastructure Most programs will have several activities

Slide 4 Application Components (Activities) (2) An activity is a class that drives from Activity Then we must override a couple of base class methods onCreate() And several others

Slide 5 Application Components (Activities) ( onCreate indicates that we are overriding a base class method It’s an informative annotation Annotations are used to control compiler behavior Similar to.NET attributes

Slide 6 Application Components (Activities) ( onCreate ) super.onCreate calls the base class method Super is roughly equivalent MyBase in VB It typically appears as the first statement in the method

Slide 7 Application Components (Activities) ( onCreate ) setContentView takes one argument – the resource id corresponding to the activity It associates a particular view with the activity The resource is always named R Layout is the layout that you want to use Followed by the resource id of the layout

Slide 8 Application Components (Layout) (1) A layout describes the visual structure for a UI, such as the UI for an activity It’s an XML document, so you need some familiarity with XML Android provides an XML vocabulary that corresponds to the View classes and subclasses, such as those for widgets and layouts

Slide 9 Application Components (Layout) There are different types of layouts for a screen LinearLayout RelativeLayout Lists and Grids Web

Slide 10 Application Components ( LinearLayout ) LinearLayout aligns child objects vertically or horizontally Use the android:orientation attribute to specify the layout direction (vertical / horizontal) Scrollbars appear if the window length exceeds the screen length

Slide 11 Application Components ( RelativeLayout ) RelativeLayout aligns objects relative to an each other (siblings) Such as: Child A to the left of child B Or align to the parent

Slide 12 Application Components (Buttons and Events) Like a VB button Text or an icon can appear in the visible region They respond to click events (although the syntax differs) on.html

Slide 13 Application Components (Declaring a Button) A button has a width and height The button’s text appears in strings.xml

Slide 14 Application Components (Handling a Click – Method 1) When the user clicks a button, the object receives an onClick event which you can handle

Slide 15 Application Components (Handling a Click – Method 2) The event handler can also be declared programmatically using an anonymous class The book uses this technique

Slide 16 Application Components (Toast) A toast is a form of Android popup The size of the popup is just large enough to render the message If you want the user to respond, use a Notification instead of a toast To create, use the makeText method of the Toast class ics/ui/notifiers/toasts.html

Slide 17 Application Components (Toast Example)

Slide 18 Introduction to Input Controls Button operates like a VB button TextView operates like a VB TextBox CheckBox operates like a VB check box Etc.. All are configured as XML

Slide 19 Strings.xml Strings literals are stored in the file strings.xml

Slide 20 Strings.xml And we reference those strings from the layout.xml

Slide 21 Resource Files Android R.java is an auto-generated file by AAPT (Android Asset Packaging Tool) that contains resource IDs for all the resources of res/ directory If you create any component in the activity_main.xml file, the id for the corresponding component is automatically created in this file The id can be used in the activity source file to perform any action on the component

Slide 22 Resource File (Example)

Slide 23 Creating a First Project Click File, New, Project. Select Android Application Project

Slide 24 Define Application Parameters (1) Don’t use an old Minimum Required SDK

Slide 25 Define Application Parameters (1) The Application Name appears in the store when deployed The Project Name is only relevant to Eclipse The Package Name contains a reverse domain name It must be unique and must not be changed – this is how versioning is performed

Slide 26 Define Application Parameters (2) Minimum Required SDK contains the minimum SDK version on which the application will run Target SDK contains the desired SDK version on which the application will run Compile with contains the SDK version that will be used to compile the application Theme defines basic UI characteristics

Slide 27 Configure Project Create activity

Slide 28 Configure Icons Configuring the icons Just use the defaults

Slide 29 Create Blank Activity Create the default activity This gives you a blank screen (form) (Blank Activity)

Slide 30 Name the Activity and Layout Choose the default values

Slide 31 Application Anatomy (1) The file MainActivity.java contains the java code for the application’s activity (screen) Default methods are created too (onCreate, …)

Slide 32 Application Anatomy (2) The purpose of AndroidManifest.xml is similar to web.config or app.config Simply put, it describes the application

Slide 33 Application Anatomy (3) The folder values\strings.xml contains the application’s textual content

Slide 34 Application Anatomy (4) The file activity_main.xml contains the XML code that describes the user interface layout

Slide 35 Setting up the Emulator (1) We can run programs via an emulator or directly attached to a physical device Using windows, you might need the driver from the device manufacturer

Slide 36 Setting up the Emulator (2) Click Window, Android Device Manager Click Create to create the new device I suggest the following settings

Slide 37 Setting up the Emulator (3) Under Windows set the memory to no more than 512MB

Slide 38 Setting up the Emulator (3)

Slide 39 Starting the Emulator Set the display characteristics Note that it takes a while to start the emulator

Slide 40 Running Hello World The emulator should start and be rendered Again, it takes a while to start

Slide 41 Running Hello World (5) Now run the application

Slide 42 Guidelines for Running on a Native Host (1) First, plug the device in If running Windows, you will likely need a device driver

Slide 43 References m-usb.html m-usb.html