Presented By: Muhammad Tariq Software Engineer www.TNSbay.com Android Training course.

Slides:



Advertisements
Similar presentations
Android User Interface
Advertisements

Intro to Android Development. Getting started 1.Install Android SDK (includes Eclipse; 2.If using Windows.
Programming with Android: Widgets and Events Luca Bedogni Marco Di Felice Dipartimento di Scienze dell’Informazione Università di Bologna.
Click your mouse to continue Menu Conventions A check mark option is a toggle or “on-off” switch (like a light switch) that is either checked (turned on)
 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,
Android Form Elements. Views Provide common UI functionality Form elements: text area, button, radio button, checkbox, dropdown list, etc. Date and time.
By: Jeremy Smith.  Introduction  Droid Draw  Add XML file  Layouts  LinearLayout  RelativeLayout  Objects  Notifications  Toast  Status Bar.
Layout and Control in UI The user interface (UI) is the graphical interface user can see and interact with your app comprising UI controls like textbox,
CS378 - Mobile Computing User Interface Basics MIKE!! LOOK HERE FOR intercepting the ListView items:
Creating Android user interfaces using layouts 1Android user interfaces using layouts.
ANDROID UI - DEVELOP AND DESIGN Peter Liu School of ICT, Seneca College.
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.
Liang, Introduction to Java Programming, Eighth Edition, (c) 2011 Pearson Education, Inc. All rights reserved Modify Android Objects Using.
Android: versions Note that: Honeycomb (Android v3.0) A tablet-only release Jelly Bean (Android v4.1) Released on July 09, 2012.
PROG Mobile Java Application Development PROG Mobile Java Application Development Developing Android Apps: Components & Layout.
Database-Driven Web Sites, Second Edition1 Chapter 8 Processing ASP.NET Web Forms and Working With Server Controls.
Mobile Programming Lecture 2 Layouts, Widgets, Toasts, and Event Handling.
Department of Mechanical Engineering, LSUSession VII MATLAB Tutorials Session VIII Graphical User Interface using MATLAB Rajeev Madazhy
Android Layouts. Layouts Define the user interface for an activity Layouts are defined in.xml files – within /res/layout folder – different layout can.
ANDROID – INTERFACE AND LAYOUT L. Grewe. Interfaces: Two Alternatives Code or XML  You have two ways you can create the interface(s) of your Application.
Understanding Hello Android 1 CS300. Activity  Similar to a form  Base class for the visual, interactive components of your application  Android API.
INTRODUCTION TO ANDROID. Slide 2 Application Components An Android application is made of up one or more of the following components Activities We will.
Cosc 5/4730 Android App Widgets. App Widgets App Widgets are miniature application views that can be embedded in other applications (such as the Home.
Programming Mobile Applications with Android September, Albacete, Spain Jesus Martínez-Gómez.
Programming with Android: Layouts, Widgets and Events Luca Bedogni Marco Di Felice Dipartimento di Scienze dell’Informazione Università di Bologna.
User Interfaces: Part 1 (View Groups and Layouts).
Application Development for mobile Devices
Copyright© Jeffrey Jongko, Ateneo de Manila University Basic Views and Layouts.
Handling View Events. Open the *MainActivity.java* which is the Activity that hosts the layout in "activity_main.xml". The setContentView method inside.
MOBILE COMPUTING D10K-7D02 MC04: Layouts Dr. Setiawan Hadi, M.Sc.CS. Program Studi S-1 Teknik Informatika FMIPA Universitas Padjadjaran.
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.
Designing user interfaces using: Simple views 1. Views Basic views – TextView – EditText – Button – ImageButton – CheckBox – ToggleButton – RadioButton.
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.
Building User Interfaces Basic Applications
COMP 365 Android Development.  Developing for Android  XML for user interface formatting and other scripting  Java for programming.
Chapter 2 Building User Interfaces and Basic Applications.
Android App Development. Android Architecture Linux kernel Libraries Android Runtime Application Framework Applications Application Components Activities.
Building User Interfaces and Basic Applications Chapter 2 1.
Http :// developer. android. com / guide / topics / fundamentals. html.
CS371m - Mobile Computing User Interface Basics. UI Programming with Widgets Widget is an element in a Graphical User Interface (GUI) – not to be confused.
ANDROID LAYOUTS AND WIDGETS. Slide 2 Introduction Parts of the Android screen Sizing widgets and fonts Layouts and their characteristics Buttons, checkboxes.
Android intro Building UI #1: basics. UI layout.xml Controls Layouts AdapterViews Toasts dp/sp/px Animations 2.
You have to remember that  To create an AVD(Android Virtual Device)  The Structure of Android Project  XML Layout  The advantage of XML Layout  Android.
Instructor Notes To the instructor: This slide set has been prepared with both the highlights from the student text as well as notes from the text. The.
Open Handset Alliance.
Android Widget Tutorial
Android Widgets 1 7 August 2018
Mobile Application Development Chapter 4 [Android Navigation and Interface Design] IT448-Fall 2017 IT448- Fall2017.
CS371m - Mobile Computing User Interface Basics.
Software Engineering for Internet Applications
CIS 470 Mobile App Development
CS371m - Mobile Computing User Interface Basics.
CIS 470 Mobile App Development
Building User Interfaces Basic Applications
Programming Mobile Applications with Android
CIS 470 Mobile App Development
Android Developer Fundamentals V2
CIS 470 Mobile App Development
Korea Software HRD Center
Introduction to Android
Mobile Programmming Dr. Mohsin Ali Memon.
User Interface Screen Elements
CS 240 – Advanced Programming Concepts
Android Sensor Programming
Android Sensor Programming
Presentation transcript:

Presented By: Muhammad Tariq Software Engineer Android Training course

Android Layout Types There are number of Layouts provided by Android which you will use in almost all the Android applications to provide different view, look and feel. 1)LinearLayout 2)RelativeLayout 3)TableLayout 4)AbsoluteLayout 5)FrameLayout 6)ListView 7)GridView

Android Layout Attributes 1) Same attributes like HTMl tags and attributes. 2) match_parent, fill_parent, wrap_content 3) dp vs px

A-Android UI Control There are number of UI controls provided by Android that allow you to build the graphical user interface for your app. 1TextView This control is used to display text to the user. 2EditText EditText is a predefined subclass of TextView that includes rich editing capabilities. 3AutoCompleteTextView The AutoCompleteTextView is a view that is similar to EditText, except that it shows a list of completion suggestions automatically while the user is typing. 4Button A push-button that can be pressed, or clicked, by the user to perform an action. 5ImageButton AbsoluteLayout enables you to specify the exact location of its children. 6CheckBox An on/off switch that can be toggled by the user. You should use check box when presenting users with a group of selectable options that are not mutually exclusive.

B-Android UI Control 7ToggleButton An on/off button with a light indicator. 8RadioButton The RadioButton has two states: either checked or unchecked. 9RadioGroup A RadioGroup is used to group together one or more RadioButtons. 10ProgressBar The ProgressBar view provides visual feedback about some ongoing tasks, such as when you are performing a task in the background. 11Spinner A drop-down list that allows users to select one value from a set. 12TimePicker The TimePicker view enables users to select a time of the day, in either 24-hour mode or AM/PM mode. 13DatePicker The DatePicker view enables users to select a date of the day.

C-Android UI Control XML Layout: Java code Call reference: TextView myText = (TextView) findViewById(R.id.text_id); EditText output = (EditText) findViewById(R.id.output); Output.setText(myText.getText().toString()); mybutton = (Button) findViewById(R.id.mybutton); mybutton.setOnClickListener(new View.OnClickListener() { public void onClick(View v) { outputstr = "OUTPUT:"+txtname.getText().toString()+":"+txtemil.getText().toString(); output.setText(outputstr); } });

Alert messaging Android Console Message: Log.d(msg, "The onResume() event"); Short Time message: Toast.makeText(this, text, Toast.LENGTH_SHORT).show();

Contact us Cell: Telephone :