Android intro Building UI #1: basics. UI layout.xml Controls Layouts AdapterViews Toasts dp/sp/px Animations 2.

Slides:

Advertisements

Similar presentations

Rajab Davudov. What is a Layout ? A type of resource that defines what is drawn on the screen. A type of View class whose primary purpose is to organize.

Advertisements

Android UserInterfaces Nasrullah Niazi. overView All user interface elements in an Android app are built using View and ViewGroup objects. A View is an.

Android User Interface

Intro to Android Development. Getting started 1.Install Android SDK (includes Eclipse; 2.If using Windows.

 User Interface - Raeha Sandalwala.  Introduction to UI  Layouts  UI Controls  Menus and ‘Toasts’  Notifications  Other interesting UIs ◦ ListView.

User Interface Classes.  Design Principles  Views & Layouts  Event Handling  Menus  Dialogs.

Android Form Elements. Views Provide common UI functionality Form elements: text area, button, radio button, checkbox, dropdown list, etc. Date and time.

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.

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.

Android Layouts. Layouts Define the user interface for an activity Layouts are defined in.xml files – within /res/layout folder – different layout can.

1 Announcements Homework #2 due Feb 7 at 1:30pm Submit the entire Eclipse project in Blackboard Please fill out the when2meets when your Project Manager.

Liang, Introduction to Java Programming, Eighth Edition, (c) 2011 Pearson Education, Inc. All rights reserved Using Android XML Resources.

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

Presented By: Muhammad Tariq Software Engineer Android Training course.

Silicon Valley Code Camp 2009 “Embellish Your Pictures” Build an Application for an Android Phone Jack Ha, Balwinder Kaur Oct 3, 2009 – 5:15PM Room CCL.

Field Trip #32 Digital Alarm Clock By Keith Lynn.

UI Design and Development +Roman Nurik +Nick Butcher.

UI Design and Development +Roman Nurik +Nick Butcher.

MOBILE COMPUTING D10K-7D02 MC04: Layouts Dr. Setiawan Hadi, M.Sc.CS. Program Studi S-1 Teknik Informatika FMIPA Universitas Padjadjaran.

Program Studi S-1 Teknik Informatika FMIPA Universitas Padjadjaran

Pearson Webcast Series

Liang, Introduction to Java Programming, Eighth Edition, (c) 2011 Pearson Education, Inc. All rights reserved Android Drawing Units and The.

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

Fragment Android Club Agenda Fragment Static fragment Dynamic fragment ViewPager.

CS378 - Mobile Computing More UI. UI Review Containers – more formally ViewGroups – store widgets and other containers – examples: LinearLayout, RelativeLayout,

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.

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.

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.

Cosc 5/4730 Support design library. Support Design library Adds (API 9+) back support to a number of 5.0 lollipop widgets and material design pieces –

Android apps development - Eclipse, Android SDK, and ADT plugin Introduction of.

Building UI Components Димитър Н. Димитров Astea Solutions AD.

UI Redux, Navigation Patterns, Tabbed Views, Pagers, Drawers

Android App. Development Android app is an smart phone operating system. It is used in variety of mobiles like Motorola,HTC,Sony Ericsson.HTC was the.

Cosc 5/4730 RecyclerView And more..

Open Handset Alliance.

Android Moving to a second Activity

Android Widget Tutorial

WordMap Group 8 上海交通大学电子信息与电气工程学院 Group leader： Hao Xia 夏昊.

Android SDK & App Development

CS371m - Mobile Computing User Interface Basics.

Mobile App ux/ ui design In High Quality.

CIS 470 Mobile App Development

Review 2: Material Design and key widgets.

CS371m - Mobile Computing User Interface Basics.

CS5103 Software Engineering

Android Support Libraries A brief explanation.

Mobile Applications (Android Programming)

Building User Interfaces Basic Applications

Android Developer Fundamentals V2

Android Developer Fundamentals V2

CIS 470 Mobile App Development

Mobile Programmming Dr. Mohsin Ali Memon.

CS 240 – Advanced Programming Concepts

ITEC535 – Mobile Programming

Korea Software HRD Center

User Interface Development

Android Sensor Programming

User Interface Development

CA16R405 - Mobile Application Development (Theory)

Presentation transcript:

Android intro Building UI #1: basics

UI layout.xml Controls Layouts AdapterViews Toasts dp/sp/px Animations 2

layout.xml xmlns (app for custom attrs, tools for design) onClick 3

Controls Button/ToggleButton EditText ImageView/ImageButton Spinner Picker Radio CheckBox 4

Layouts FrameLayout LinearLayout ( RelativeLayout PercentLayout (support) GridLayout (support) CardView (support) 5

AdapterViews ListView GridView Spinner RecyclerView ViewPager 6

Toasts Short/long.show() Snackbar (support) Should not be customized 7

dp/sp/px mdpi/hdpi/xhdpi/xxhdpi/xxxhdpi/xxxxhdpi dp x 1 : 1.5 : 2 : 3 : 4 : 6 = px HVGA/WVGA(S2)/HD(S3)/FHD(S4)/QHD(S6)/4 k sp – fonts dp==dip 8