CS 528 Mobile and Ubiquitous Computing Lecture 2a: Android UI Design in XML + Examples. Emmanuel Agu
|
|
- Muriel McGee
- 5 years ago
- Views:
Transcription
1 CS 528 Mobile and Ubiquitous Computing Lecture 2a: Android UI Design in XML + Examples Emmanuel Agu
2 Android UI Design in XML
3 Recall: Files Hello World Android Project XML file used to design Android UI 3 Files: Activity_main.xml: XML file specifying screen layout MainActivity.Java: Java code to define behavior, actions taken when button clicked (intelligence) AndroidManifest.xml: Lists all app components and screens Like a table of contents for a book E.g. Hello world program has 1 screen, so AndroidManifest.xml has 1 item listed App starts running here (a bit like main( ) in C), launching activity with a tag LAUNCHER
4 Widgets Android UI design involves arranging widgets on a screen Widgets? Rectangles containing texts, image, etc Screen design: Pick widgets, specify attributes (dimensions, margins, etc) Widgets
5 Recall: Design Option 1: Drag and Drop Widgets Drag and drop widgets in Android Studio Design View Edit widget properties (e.g. height, width, color, etc) rag and drop utton or any ther widget r view Edit widget properties
6 Recall: Design Option 2: Edit XML Directly Text view: Directly edit XML file defining screen (activity_main.xml) Note: dragging and dropping widgets in design view auto-generates corresponding XML in Text view Drag and drop widget Edit XML
7 Android Widgets
8 Example: Some Common Widgets TextView: Text in a rectangle EditText: Text box for user to type in text Button: Button for user to click on
9 TextView Widget Text in a rectangle Just displays text, no interaction XML code TextView Widgets Common attributes: typeface (android:typeface e.g monospace), bold, italic, (android:textstyle ), text size, text color (android:textcolor e.g. #FF0000 for red), width, height, padding, background color Can also include links to address, url, phone number, web, , phone, map, etc
10 TextView TextView widget is available in widgets palette in Android Studio Layout editor Plain TextView, Large text, Medium text and Small text After dragging Textview widget in, edit properties
11 Widget ID Every widget has ID, stored in android:id attribute Using Widget ID declared in XML, widget can be referenced, modified in java code (More later)
12 Button Widget Clickable Text or icon on a Widget (Button) E.g. Click Here Appearance can be customized Declared as subclass of TextView so similar attributes (e.g. width, height, etc)
13 Button in Android Studio Button widget available in palette of Android Studio graphical layout editor Drag and drop button, edit its attributes
14 Responding to Button Clicks May want Button press to trigger some action How? 1. In XML file (e.g. Activity_my.xml), set android:onclick attribute to specify method to be invoked 2. In Java file (e.g. MainActivity.java) declare method/handler to take desired action Activity_my.xml MainActivity.java
15 Embedding Images: ImageView and ImageButton ImageView: display image (not clickable) ImageButton: Clickable image Use android:src attribute to specify image source in drawable folder File molecule.png in drawable/ folder
16 ImageView in Widgets Palette Can drag and drop ImageView from Widgets Palette Use pop-up menus (right-click) to specify: src: choose image to be displayed scaletype: choose how image should be scaled
17 Options for Scaling Images (scaletype) center centers image but does not scale it centercrop centers image, scales it (maintaining aspect ratio) so that shorter dimension fills available space, and crops longer dimension fitxy scales/distorts image to fit ImageView, ignoring aspect ratio
18 EditText Widget Widget with box for user input Example: Text fields can have different input types e.g. number, date, password, or address android:inputtype attribute sets input type, affects What type of keyboard pops up for user E.g. if inputtype is a number, numeric keyboard pops up
19 EditText Widget in Android Studio Palette A section of Android Studio palette has EditText widgets (or text fields) Text Fields Section of Widget palette EditText inputtype menu
20 Some Other Available Widgets Rectangle that contains a map Rectangle that contains a web page
21 Pickers TimePicker: Select a time DatePicker: Select a date Typically displayed in pop-up dialogs (TimePickerDialog or DatePickerDialog) TimePicker DatePicker
22 Spinner Controls user must select one of a set of choices
23 Checkbox Checkbox has 2 states: checked and unchecked XML code to create Checkbox
24 Other Indicators ProgressBar RatingBar Chronometer DigitalClock AnalogClock
25 Android Layouts in XML
26 Android UI using XML Layouts Layout? Pattern in which multiple widgets are arranged Layouts contain widgets In Android internal classes, widget is child of layout Layouts (XML files) stored in res/layout
27 Some Layouts FrameLayout, LinearLayout, TableLayout, GridLayout, RelativeLayout, ListView, GridView, ScrollView, DrawerLayout, ViewPager
28 LinearLayout aligns child elements (e.g. buttons, text boxes, pictures, etc.) in one direction Example: Layout properties orientation attribute defines direction (vertical or horizontal): E.g. android:orientation="vertical"
29 Layout Width and Height Attributes wrap_content: widget as wide/high as its content (e.g. text) match_parent: widget as wide/high as its parent layout box fill_parent: older form of match_parent Text widget width should be as wide as Its parent (the layout) Text widget height should Be as wide as the content (text) Hierarchy Screen (Hardware) Linear Layout TextView
30 LinearLayout in Android Studio LinearLayout in Android Studio Graphical Layout Editor After selecting LinearLayout, toolbars buttons to set parameters Toggle width, height between match_parent and wrap_content Change gravity of LinearLayout (more on this later)
31 LinearLayout Attributes Ref:
32 Setting Attributes in layout xml file Can also design UI, set attributes in Java program (e.g. ActivityMain.java) (More later)
33 Adding Padding Paddings sets space between layout sides and its parent (e.g. the screen)
34 Setting Margins Can increase gap (margin) between adjacent widgets E.g. To add margin between two buttons, in declaration of bottom button Other options
35 Gravity Attribute center right By default, linearlayout leftand top-aligned Gravity attribute changes alignment : e.g. android:gravity = right
36 Linear Layout Weight Attribute Specifies "importance, larger weights takes up more space Can set width, height = 0 then weight = percent of height/width you want element to cover
37 Scrolling Phone screens are small, scrolling content helps Examples: Scroll through large image Linear Layout with lots of elements Views for Scrolling: ScrollView for vertical scrolling HorizontalScrollView Rules: Only one direct child View Child could have many children of its own
38 RelativeLayout First element listed is placed in "center" Positions of children specified relative to parent or to each other. RelativeLayout available In Android Studio palette
39 Positioning Views Relative to Parent Layout Position a view (e.g. button, TextView) relative to its parent Example: Button aligned to top, right in a Relative Layout See Head First Android Development page 169 for more examples
40 Table Layout Specify number of rows and columns of views. Available in Android Studio palette TableRows
41 GridLayout In TableLayout, Rows can span multiple columns only In GridLayout, child views/controls can span multiple rows AND columns See section GridLayout Displays Views in a Grid in Head First Android Development (pg 189)
42 Absolute Layout Allows specification of exact x,y coordinates of layout s children.
43 FrameLayout child elements pinned to top left corner of layout adding a new element / child draws over the last one
44 Other Layouts: Tabbed Layouts
45 Android Example: My First App (Ref: Head First Android)
46 My First App Hello World program in Head First Android Development (Chapter 1) Creates app, types Sup doge in a TextView
47 Android UI Youtube Tutorials
48 YouTube Tutorial 11 & 12 from thenewboston Tutorial 11: Designing the User Interface [6:19 mins] Designing the UI Adding activity (screen) Dragging in widgets Changing the text in widgets Tutorial 12: More on User Interface [10:24 mins] Changing text in widgets Changing strings from hardcoded to resources (variables)
49 Tutorial 17: GridLayout Tutorial 17: GridLayout [9:40 mins] ( Creating GridLayout: Layout that places its children in a grid Add widgets (buttons) to GridLayout Format width, height, position of widgets
50 Android Themes
51 Styles Android widgets have properties E.g. Foreground color = red Styles in Android: specifies properties for multiple attributes of 1 widget E.g. height, padding, font color, font size, background color Similar to Cascaded Style Sheets (CSS) in HTML Themes apply styles to all widgets in an Activity (screen) E.g. all widgets on a screen can adopt the same font Example Android themes: Theme, Theme.holo and Theme.material)
52 Examples of Themes in Use GMAIL in Holo Light Settings screen in Holo Dark
53 Default Themes Many stock themes to choose from Android chooses a default theme if you specify none Theme.Holo: default theme in Android 3.0 Theme.Material: default theme in Android 5.0
54 Adding Pictures in Android
55 Phone Dimensions Used in Android UI Physical dimensions (inches) diagonally E.g. Nexus 4 is 4.7 inches diagonally Resolution in pixels E.g. Nexus 4 resolution 768 x 1280 pixels Pixels diagonally: Sqrt[(768 x 768) + (1280 x 1280) ] Pixels per inch (PPI) = Sqrt[(768 x 768) + (1280 x 1280) ] / 4.7= 318
56 Adding Pictures Android supports images in PNG, JPEG and GIF formats Put different resolutions of same image into different directories res/drawable-ldpi: low dpi images (~ 120 dpi of dots per inch) res/drawable-mdpi: medium dpi images (~ 160 dpi) res/drawable-hdpi: high dpi images (~ 240 dpi) res/drawable-xhdpi: extra high dpi images (~ 320 dpi) res/drawable-xxhdpi: extra extra high dpi images (~ 480 dpi) res/drawable-xxxhdpi: high dpi images (~ 640 dpi)
57 Adding Pictures Use generic picture name in code (no.png,.jpg, etc) E.g. to reference an image ic_launcher.png At run-time, Android chooses which resolution/directory (e.g. mdpi) based on phone resolution Image Asset Studio: generates icons in various densities from original image Ref:
58 References Android App Development for Beginners videos by Bucky Roberts (thenewboston) Ask A Dev, Android Wear: What Developers Need to Know, Ask A Dev, Mobile Minute: What to (Android) Wear, Busy Coder s guide to Android version 4.4 CS 65/165 slides, Dartmouth College, Spring 2014 CS 371M slides, U of Texas Austin, Spring 2014
CS 528 Mobile and Ubiquitous Computing Lecture 2a: Introduction to Android Programming. Emmanuel Agu
CS 528 Mobile and Ubiquitous Computing Lecture 2a: Introduction to Android Programming Emmanuel Agu Editting in Android Studio Recall: Editting Android Can edit apps in: Text View: edit XML directly Design
More informationCS 4518 Mobile and Ubiquitous Computing Lecture 2: Introduction to Android Programming. Emmanuel Agu
CS 4518 Mobile and Ubiquitous Computing Lecture 2: Introduction to Android Programming Emmanuel Agu Android Apps: Big Picture UI Design using XML UI design code (XML) separate from the program (Java) Why?
More informationCS 528 Mobile and Ubiquitous Computing Lecture 2: Intro to Android Programming Emmanuel Agu
CS 528 Mobile and Ubiquitous Computing Lecture 2: Intro to Android Programming Emmanuel Agu Android UI Tour Home Screen First screen after unlocking phone or hitting home button Includes favorites tray
More informationCS 528 Mobile and Ubiquitous Computing Lecture 2: Intro to Android Programming Emmanuel Agu
CS 528 Mobile and Ubiquitous Computing Lecture 2: Intro to Android Programming Emmanuel Agu Students: Please Introduce Yourselves! Name Status: grad/undergrad, year Relevant background: e.g. coal miner
More informationCS 403X Mobile and Ubiquitous Computing Lecture 3: Introduction to Android Programming Emmanuel Agu
CS 403X Mobile and Ubiquitous Computing Lecture 3: Introduction to Android Programming Emmanuel Agu Android UI Tour Home Screen First screen, includes favorites tray (e.g phone, mail, messaging, web, etc)
More informationCS 4518 Mobile and Ubiquitous Computing Lecture 3: Android UI Design in XML + Examples. Emmanuel Agu
CS 4518 Mobile and Ubiquitous Computing Lecture 3: Android UI Design in XML + Examples Emmanuel Agu Resources Android Resources Resources? Images, strings, dimensions, layout files, menus, etc that your
More informationCS 528 Mobile and Ubiquitous Computing Lecture 1b: Introduction to Android. Emmanuel Agu
CS 528 Mobile and Ubiquitous Computing Lecture 1b: Introduction to Android Emmanuel Agu What is Android? Android is world s leading mobile operating system Open source (https://source.android.com/setup/)
More informationCS371m - Mobile Computing. User Interface Basics
CS371m - Mobile Computing User Interface Basics Clicker Question Have you ever implemented a Graphical User Interface (GUI) as part of a program? A. Yes, in another class. B. Yes, at a job or internship.
More informationCS 4518 Mobile and Ubiquitous Computing Lecture 2: Introduction to Android. Emmanuel Agu
CS 4518 Mobile and Ubiquitous Computing Lecture 2: Introduction to Android Emmanuel Agu What is Android? Android is world s leading mobile operating system Open source Google: Owns Android, maintains it,
More informationFig. 2.2 New Android Application dialog. 2.3 Creating an App 41
AndroidHTP_02.fm Page 41 Wednesday, April 30, 2014 3:00 PM 2.3 Creating an App 41 the Welcome app s TextView and the ImageViews accessibility strings, then shows how to test the app on an AVD configured
More informationCS378 -Mobile Computing. User Interface Basics
CS378 -Mobile Computing User Interface Basics User Interface Elements View Control ViewGroup Layout Widget (Compound Control) Many pre built Views Button, CheckBox, RadioButton TextView, EditText, ListView
More informationIntroductory Android Development
Introductory Android Development 152-163 Notes Quick Links & Text References Introduction Pages Layout Concepts Pages Layout Types Pages 35 37 XML Overview Pages Common Attributes Layout Height & Width
More informationPraktikum Entwicklung Mediensysteme. Implementing a User Interface
Praktikum Entwicklung Mediensysteme Implementing a User Interface Outline Introduction Programmatic vs. XML Layout Common Layout Objects Hooking into a Screen Element Listening for UI Notifications Applying
More informationLECTURE 08 UI AND EVENT HANDLING
MOBILE APPLICATION DEVELOPMENT LECTURE 08 UI AND EVENT HANDLING IMRAN IHSAN ASSISTANT PROFESSOR WWW.IMRANIHSAN.COM User Interface User Interface The Android Widget Toolbox 1. TextView 2. EditText 3. Spinner
More informationUser Interface: Layout. Asst. Prof. Dr. Kanda Runapongsa Saikaew Computer Engineering Khon Kaen University
User Interface: Layout Asst. Prof. Dr. Kanda Runapongsa Saikaew Computer Engineering Khon Kaen University http://twitter.com/krunapon Agenda User Interface Declaring Layout Common Layouts User Interface
More informationHello World. Lesson 1. Android Developer Fundamentals. Android Developer Fundamentals. Layouts, and. NonCommercial
Hello World Lesson 1 This work is licensed This under work a Creative is is licensed Commons under a a Attribution-NonCommercial Creative 4.0 Commons International Attribution- License 1 NonCommercial
More informationANDROID USER INTERFACE
1 ANDROID USER INTERFACE Views FUNDAMENTAL UI DESIGN Visual interface element (controls or widgets) ViewGroup Contains multiple widgets. Layouts inherit the ViewGroup class Activities Screen being displayed
More information(c) Dr Sonia Sail LAJMI College of Computer Sciences & IT (girl Section) 1
Level 5: Baccalaureus in Computer Sciences CHAPTER 4: LAYOUTS AND VIEWS Dr. Sonia Saïd LAJMI PhD in Computer Sciences 1 Layout.xml 2 Computer Sciences & IT (girl Section) 1 Layout Requirements android:layout_width:
More informationComparative Study on Layout and Drawable Resource Behavior in Android for Supporting Multi Screen
International Journal of Innovative Research in Computer Science & Technology (IJIRCST) ISSN: 2347-5552, Volume 2, Issue 3, May - 2014 Comparative Study on Layout and Drawable Resource Behavior in Android
More informationChapter 2 Welcome App
2.8 Internationalizing Your App 1 Chapter 2 Welcome App 2.1 Introduction a. Android Studio s layout editor enables you to build GUIs using drag-and-drop techniques. b. You can edit the GUI s XML directly.
More informationCS 4518 Mobile and Ubiquitous Computing Lecture 4: WebView (Part 2) Emmanuel Agu
CS 4518 Mobile and Ubiquitous Computing Lecture 4: WebView (Part 2) Emmanuel Agu WebView Widget WebView Widget A View that displays web pages Can be used for creating your own web browser OR just display
More informationAndroid UI: Overview
1 Android UI: Overview An Activity is the front end component and it can contain screens. Android screens are composed of components or screen containers and components within the containers Screen containers
More informationAndroid App Development. Mr. Michaud ICE Programs Georgia Institute of Technology
Android App Development Mr. Michaud ICE Programs Georgia Institute of Technology Android Operating System Created by Android, Inc. Bought by Google in 2005. First Android Device released in 2008 Based
More informationMobile Programming Lecture 2. Layouts, Widgets, Toasts, and Event Handling
Mobile Programming Lecture 2 Layouts, Widgets, Toasts, and Event Handling Lecture 1 Review How to edit XML files in Android Studio? What holds all elements (Views) that appear to the user in an Activity?
More information04. Learn the basic widget. DKU-MUST Mobile ICT Education Center
04. Learn the basic widget DKU-MUST Mobile ICT Education Center Goal Understanding of the View and Inheritance of View. Learn how to use the default widget. Learn basic programming of the Android App.
More informationCS 4518 Mobile and Ubiquitous Computing Lecture 5: Data-Driven Views and Android Components Emmanuel Agu
CS 4518 Mobile and Ubiquitous Computing Lecture 5: Data-Driven Views and Android Components Emmanuel Agu Announcements Slight modifications to course timeline posted No class February 16 (Advising day)
More informationAndroid UI DateBasics
Android UI DateBasics Why split the UI and programing tasks for a Android AP The most convenient and maintainable way to design application user interfaces is by creating XML layout resources. This method
More informationLet s take a display of HTC Desire smartphone as an example. Screen size = 3.7 inches, resolution = 800x480 pixels.
Screens To begin with, here is some theory about screens. A screen has such physical properties as size and resolution. Screen size - a distance between two opposite corners of the screens, usually measured
More informationOverview. What are layouts Creating and using layouts Common layouts and examples Layout parameters Types of views Event listeners
Layouts and Views http://developer.android.com/guide/topics/ui/declaring-layout.html http://developer.android.com/reference/android/view/view.html Repo: https://github.com/karlmorris/viewsandlayouts Overview
More informationProgramming Android UI. J. Serrat Software Design December 2017
Programming Android UI J. Serrat Software Design December 2017 Preliminaries : Goals Introduce basic programming Android concepts Examine code for some simple examples Limited to those relevant for the
More informationProduced by. Mobile Application Development. Eamonn de Leastar David Drohan
Mobile Application Development Produced by Eamonn de Leastar (edeleastar@wit.ie) David Drohan (ddrohan@wit.ie) Department of Computing & Mathematics Waterford Institute of Technology http://www.wit.ie
More informationCPET 565 Mobile Computing Systems CPET/ITC 499 Mobile Computing. Lab & Demo 2 (1 &2 of 3) Hello-Goodbye App Tutorial
CPET 565 Mobile Computing Systems CPET/ITC 499 Mobile Computing Reference Lab & Demo 2 (1 &2 of 3) Tutorial Android Programming Concepts, by Trish Cornez and Richard Cornez, pubslihed by Jones & Barlett
More informationANDROID APPS DEVELOPMENT FOR MOBILE GAME
ANDROID APPS DEVELOPMENT FOR MOBILE GAME Application Components Hold the content of a message (E.g. convey a request for an activity to present an image) Lecture 2: Android Layout and Permission Present
More informationThe drawable/tile empty.xml file
The X and O Symbols 5COSC005W MOBILE APPLICATION DEVELOPMENT Lecture 3: Ultimate Tic-Tac-Toe Game: The Interface Dr Dimitris C. Dracopoulos Create them with the filenames x blue.png and o red.png in an
More informationMobile Application Development Android
Mobile Application Development Android Lecture 2 MTAT.03.262 Satish Srirama satish.srirama@ut.ee Android Lecture 1 -recap What is Android How to develop Android applications Run & debug the applications
More informationCS 4518 Mobile and Ubiquitous Computing Lecture 4: Data-Driven Views, Android Components & Android Activity Lifecycle Emmanuel Agu
CS 4518 Mobile and Ubiquitous Computing Lecture 4: Data-Driven Views, Android Components & Android Activity Lifecycle Emmanuel Agu Announcements Group formation: Projects 2, 3 and final project will be
More informationMobile Programming Lecture 1. Getting Started
Mobile Programming Lecture 1 Getting Started Today's Agenda About the Android Studio IDE Hello, World! Project Android Project Structure Introduction to Activities, Layouts, and Widgets Editing Files in
More informationProgramming with Android: Layouts, Widgets and Events. Dipartimento di Scienze dell Informazione Università di Bologna
Programming with Android: Layouts, Widgets and Events Luca Bedogni Marco Di Felice Dipartimento di Scienze dell Informazione Università di Bologna Outline Components of an Activity ViewGroup: definition
More informationAndroid Application Development 101. Jason Chen Google I/O 2008
Android Application Development 101 Jason Chen Google I/O 2008 Goal Get you an idea of how to start developing Android applications Introduce major Android application concepts Provide pointers for where
More informationBeginning Android 4 Application Development
Beginning Android 4 Application Development Lee, Wei-Meng ISBN-13: 9781118199541 Table of Contents INTRODUCTION xxi CHAPTER 1: GETTING STARTED WITH ANDROID PROGRAMMING 1 What Is Android? 2 Android Versions
More informationANDROID APPS DEVELOPMENT FOR MOBILE AND TABLET DEVICE (LEVEL I)
ANDROID APPS DEVELOPMENT FOR MOBILE AND TABLET DEVICE (LEVEL I) Application Components Hold the content of a message (E.g. convey a request for an activity to present an image) Lecture 2: Android Programming
More informationCreating a User Interface
Creating a User Interface Developing for Android devices is a complicated process that requires precision to work with. Android runs on numerous devices from smart-phones to tablets. Instead of using a
More information06. Advanced Widget. DKU-MUST Mobile ICT Education Center
06. Advanced Widget DKU-MUST Mobile ICT Education Center Goal Learn how to deal with advanced widget. Learn how the View Container and its applications Learn how to set the AndroidManiFest.xml Page 2 1.
More informationA view is a widget that has an appearance on screen. A view derives from the base class android.view.view.
LAYOUTS Views and ViewGroups An activity contains Views and ViewGroups. A view is a widget that has an appearance on screen. A view derives from the base class android.view.view. One or more views can
More informationConstraintLayouts in Android
B ConstraintLayouts in Android Constrained Layouts are a new addition to Android. These layouts are similar to Relative Layouts, in that all widgets are positioned with respect to other UI elements. However,
More informationDiving into Android. By Jeroen Tietema. Jeroen Tietema,
Diving into Android By Jeroen Tietema Jeroen Tietema, 2015 1 Requirements 4 Android SDK 1 4 Android Studio (or your IDE / editor of choice) 4 Emulator (Genymotion) or a real device. 1 See https://developer.android.com
More informationMC Android Programming
MC1921 - Android Programming Duration: 5 days Course Price: $3,395 Course Description Android is an open source platform for mobile computing. Applications are developed using familiar Java and Eclipse
More informationMobile User Interfaces
Mobile User Interfaces CS 2046 Mobile Application Development Fall 2010 Announcements Next class = Lab session: Upson B7 Office Hours (starting 10/25): Me: MW 1:15-2:15 PM, Upson 360 Jae (TA): F 11:00
More informationAndroid Programming (5 Days)
www.peaklearningllc.com Android Programming (5 Days) Course Description Android is an open source platform for mobile computing. Applications are developed using familiar Java and Eclipse tools. This Android
More informationNauticom NetEditor: A How-to Guide
Nauticom NetEditor: A How-to Guide Table of Contents 1. Getting Started 2. The Editor Full Screen Preview Search Check Spelling Clipboard: Cut, Copy, and Paste Undo / Redo Foreground Color Background Color
More informationHow to support multiple screens using android? Synopsis
How to support multiple screens using android? Synopsis Author: Michal Derdak Supervisor: Anders Kristian Børjesson Semester: 4th Date: 20 5 2016 Content Introduction 1 Problem definition 1 Activities
More informationXML Tutorial. NOTE: This course is for basic concepts of XML in line with our existing Android Studio project.
XML Tutorial XML stands for extensible Markup Language. XML is a markup language much like HTML used to describe data. XML tags are not predefined in XML. We should define our own Tags. Xml is well readable
More informationCPET 565 Mobile Computing Systems CPET/ITC 499 Mobile Computing. Lab & Demo 2 (Part 1-2) Hello-Goodbye App Tutorial
CPET 565 Mobile Computing Systems CPET/ITC 499 Mobile Computing Reference Lab & Demo 2 (Part 1-2) Tutorial Android Programming Concepts, by Trish Cornez and Richard Cornez, pubslihed by Jones & Barlett
More informationSizing and Positioning
CS 193A Layout This document is copyright (C) Marty Stepp and Stanford Computer Science. Licensed under Creative Commons Attribution 2.5 License. All rights reserved. Sizing and Positioning How does the
More informationCS260 Intro to Java & Android 05.Android UI(Part I)
CS260 Intro to Java & Android 05.Android UI(Part I) Winter 2018 Winter 2018 CS250 - Intro to Java & Android 1 User Interface UIs in Android are built using View and ViewGroup objects A View is the base
More informationBuilding User Interface for Android Mobile Applications II
Building User Interface for Android Mobile Applications II Mobile App Development 1 MVC 2 MVC 1 MVC 2 MVC Android redraw View invalidate Controller tap, key pressed update Model MVC MVC in Android View
More informationAndroid Programming Lecture 2 9/7/2011
Android Programming Lecture 2 9/7/2011 Creating a first app 1. Create a new Android project (a collection of source code and resources for the app) from the Eclipse file menu 2. Choose a project name (can
More informationDesktop Studio: Charts. Version: 7.3
Desktop Studio: Charts Version: 7.3 Copyright 2015 Intellicus Technologies This document and its content is copyrighted material of Intellicus Technologies. The content may not be copied or derived from,
More informationCS 528 Mobile and Ubiquitous Computing Lecture 4a: Fragments, Camera Emmanuel Agu
CS 528 Mobile and Ubiquitous Computing Lecture 4a: Fragments, Camera Emmanuel Agu Fragments Recall: Fragments Sub-components of an Activity (screen) An activity can contain multiple fragments, organized
More informationAND-401 Android Certification. The exam is excluded, but we cover and support you in full if you want to sit for the international exam.
Android Programming This Android Training Course will help you build your first working application quick-quick. You ll learn hands-on how to structure your app, design interfaces, create a database, make
More informationGUI Design for Android Applications
GUI Design for Android Applications SE3A04 Tutorial Jason Jaskolka Department of Computing and Software Faculty of Engineering McMaster University Hamilton, Ontario, Canada jaskolj@mcmaster.ca November
More informationMobile Computing Practice # 2a Android Applications - Interface
Mobile Computing Practice # 2a Android Applications - Interface 1. Create an Android Lunch Places List application that allows the user to take note of restaurant characteristics like its name, address
More informationDesktop Studio: Charts
Desktop Studio: Charts Intellicus Enterprise Reporting and BI Platform Intellicus Technologies info@intellicus.com www.intellicus.com Working with Charts i Copyright 2011 Intellicus Technologies This document
More informationTable Basics. The structure of an table
TABLE -FRAMESET Table Basics A table is a grid of rows and columns that intersect to form cells. Two different types of cells exist: Table cell that contains data, is created with the A cell that
More informationProduced by. Mobile Application Development. David Drohan Department of Computing & Mathematics Waterford Institute of Technology
Mobile Application Development Produced by David Drohan (ddrohan@wit.ie) Department of Computing & Mathematics Waterford Institute of Technology http://www.wit.ie User Interface Design" & Development -
More informationO X X X O O X O X. Tic-Tac-Toe. 5COSC005W MOBILE APPLICATION DEVELOPMENT Lecture 2: The Ultimate Tic-Tac-Toe Game
Tic-Tac-Toe 5COSC005W MOBILE APPLICATION DEVELOPMENT Lecture 2: The Ultimate Tic-Tac-Toe Game Dr Dimitris C. Dracopoulos O X X X O O X O X The Ultimate Tic-Tac-Toe: Rules of the Game Dimitris C. Dracopoulos
More informationAnnouncements. Android: n-puzzle Walkthrough. Tommy MacWilliam. Dynamic GUIs. ListViews. Bitmaps. Gameplay. Saving State. Menus
Harvard University February 22, 2012 Announcements Lecture videos: https://www.cs76.net/lectures Section videos: https://www.cs76.net/sections videos: https://www.cs76.net/projects Today dynamic GUIs bitmaps
More informationStyles, Themes, and Material Design
Styles, Themes, and Material Design CS 236503 Dr. Oren Mishali Based on the Official Android Development Guide Outline Styles & Themes Material Design Lists Floating Action Button Cards To be continued
More informationAndroid Layout Types
Android Layout Types Android Linear Layout Android LinearLayout is a view group that aligns all children in either vertically or horizontally. android:divider - This is drawable to use as a vertical divider
More informationPSD to Mobile UI Tutorial
PSD to Mobile UI Tutorial Contents Planning for design... 4 Decide the support devices for the application... 4 Target Device for design... 4 Import Asset package... 5 Basic Setting... 5 Preparation for
More informationAndroid Application Development
Android Application Development Octav Chipara What is Android A free, open source mobile platform A Linux-based, multiprocess, multithreaded OS Android is not a device or a product It s not even limited
More informationRequired Core Java for Android application development
Required Core Java for Android application development Introduction to Java Datatypes primitive data types non-primitive data types Variable declaration Operators Control flow statements Arrays and Enhanced
More informationCS260 Intro to Java & Android 05.Android UI(Part I)
CS260 Intro to Java & Android 05.Android UI(Part I) Winter 2015 Winter 2015 CS250 - Intro to Java & Android 1 User Interface UIs in Android are built using View and ViewGroup objects A View is the base
More informationADOBE 9A Adobe Dreamweaver CS4 ACE.
ADOBE 9A0-090 Adobe Dreamweaver CS4 ACE http://killexams.com/exam-detail/9a0-090 ,D QUESTION: 74 You use an image throughout your Web site. You want to be able to add this image to various Web pages without
More informationGUI Widget. Lecture6
GUI Widget Lecture6 AnalogClock/Digital Clock Button CheckBox DatePicker EditText Gallery ImageView/Button MapView ProgressBar RadioButton Spinner TextView TimePicker WebView Android Widgets Designing
More informationStep 1 Download and Install KompoZer Step by step instructions to build your first web page using KompoZer web editor.
All Creative Designs HTML Web Tutorial for PC Using KompoZer New version 2012 now available at: http://www.allcreativedesigns.com.au/pages/tutorials.html Step 1 Download and Install KompoZer Step by step
More informationAndroid HelloWorld - Example. Tushar B. Kute,
Android HelloWorld - Example Tushar B. Kute, http://tusharkute.com Anatomy of Android Application Anatomy of Android Application Java This contains the.java source files for your project. By default, it
More informationStanislav Rost CSAIL, MIT
Session 2: Lifecycles, GUI Stanislav Rost CSAIL, MIT The Plan 1 Activity lifecycle Service lifecycle 2 Selected GUI elements UI Layouts 3 Hands on assignment: RoboChat Application GUI Design Birth, death,
More informationMobile Software Development for Android - I397
1 Mobile Software Development for Android - I397 IT COLLEGE, ANDRES KÄVER, 2015-2016 EMAIL: AKAVER@ITCOLLEGE.EE WEB: HTTP://ENOS.ITCOLLEGE.EE/~AKAVER/2015-2016/DISTANCE/ANDROID SKYPE: AKAVER Layout fundamentals
More informationHow to lay out a web page with CSS
Activity 2.6 guide How to lay out a web page with CSS You can use table design features in Adobe Dreamweaver CS4 to create a simple page layout. However, a more powerful technique is to use Cascading Style
More informationHow to set up a local root folder and site structure
Activity 2.1 guide How to set up a local root folder and site structure The first thing to do when creating a new website with Adobe Dreamweaver CS3 is to define a site and identify a root folder where
More informationLaying Out Controls in Containers
CHAPTER 3 Laying Out Controls in Containers A container is a view used to contain other views. Android offers a collection of view classes that act as containers for views. These container classes are
More informationCS 528 Mobile and Ubiquitous Computing Lecture 3: Android UI, WebView, Android Activity Lifecycle Emmanuel Agu
CS 528 Mobile and Ubiquitous Computing Lecture 3: Android UI, WebView, Android Activity Lifecycle Emmanuel Agu Android UI Design Example GeoQuiz App Reference: Android Nerd Ranch, pgs 1 30 App presents
More informationEMBEDDED SYSTEMS PROGRAMMING UI and Android
EMBEDDED SYSTEMS PROGRAMMING 2016-17 UI and Android STANDARD GESTURES (1/2) UI classes inheriting from View allow to set listeners that respond to basic gestures. Listeners are defined by suitable interfaces.
More informationPage Layout Using Tables
This section describes various options for page layout using tables. Page Layout Using Tables Introduction HTML was originally designed to layout basic office documents such as memos and business reports,
More informationIntroduction to User Interface Elements in Android
Introduction to User Interface Elements in Android Objective: In this tutorial you will learn how to use different User Interface elements provided by Android Studio. At the end of the session you will
More informationUnit 8. Lesson 8.1. Microsoft FrontPage. Introduction. Microsoft FrontPage-1. Microsoft FrontPage
Microsoft FrontPage Unit 8 Microsoft FrontPage Introduction Lesson 8.1 Microsoft FrontPage-1 A number of Software Packages are available in market for creating a website. Among popular software s are Dreamweaver,
More informationChapter 8 Positioning with Layouts
Introduction to Android Application Development, Android Essentials, Fifth Edition Chapter 8 Positioning with Layouts Chapter 8 Overview Create user interfaces in Android by defining resource files or
More information< building websites with dreamweaver mx >
< building websites with dreamweaver mx > < plano isd instructional technology department > < copyright = 2002 > < building websites with dreamweaver mx > Dreamweaver MX is a powerful Web authoring tool.
More informationLava New Media s CMS. Documentation Page 1
Lava New Media s CMS Documentation 5.12.2010 Page 1 Table of Contents Logging On to the Content Management System 3 Introduction to the CMS 3 What is the page tree? 4 Editing Web Pages 5 How to use the
More informationN/A. JSN PageBuilder 2 Configuration Manual Introduction. System Requirements. Product Usage. Joomla Requirements. Server Requirement
JSN PageBuilder 2 Configuration Manual Introduction About JSN PageBuilder 3 JSN PageBuilder 3 is the latest innovation from Joomla! PageBuilder, with great improvements to the interface, features, and
More informationUSER GUIDE. MADCAP FLARE 2018 r2. Images
USER GUIDE MADCAP FLARE 2018 r2 Images Copyright 2018 MadCap Software. All rights reserved. Information in this document is subject to change without notice. The software described in this document is
More informationLab 1 - Setting up the User s Profile UI
Lab 1 - Setting up the User s Profile UI Getting started This is the first in a series of labs that allow you to develop the MyRuns App. The goal of the app is to capture and display (using maps) walks
More informationCS 528 Mobile and Ubiquitous Computing Lecture 3b: Android Activity Lifecycle and Intents Emmanuel Agu
CS 528 Mobile and Ubiquitous Computing Lecture 3b: Android Activity Lifecycle and Intents Emmanuel Agu Android Activity LifeCycle Starting Activities Android applications don't start with a call to main(string[])
More informationCreating Web Pages with SeaMonkey Composer
1 of 26 6/13/2011 11:26 PM Creating Web Pages with SeaMonkey Composer SeaMonkey Composer lets you create your own web pages and publish them on the web. You don't have to know HTML to use Composer; it
More informationMOBILE COMPUTING 1/20/18. How many of you. CSE 40814/60814 Spring have implemented a command-line user interface?
MOBILE COMPUTING CSE 40814/60814 Spring 2018 How many of you have implemented a command-line user interface? How many of you have implemented a graphical user interface? HTML/CSS Java Swing.NET Framework
More informationFrontPage 2000 Tutorial -- Advanced
FrontPage 2000 Tutorial -- Advanced Shared Borders Shared Borders are parts of the web page that share content with the other pages in the web. They are located at the top, bottom, left side, or right
More informationADJUST TABLE CELLS-ADJUST COLUMN AND ROW WIDTHS
ADJUST TABLE CELLS-ADJUST COLUMN AND ROW WIDTHS There are different options that may be used to adjust columns and rows in a table. These will be described in this document. ADJUST COLUMN WIDTHS Select
More informationCreating a Website in Schoolwires
Creating a Website in Schoolwires Overview and Terminology... 2 Logging into Schoolwires... 2 Changing a password... 2 Navigating to an assigned section... 2 Accessing Site Manager... 2 Section Workspace
More informationCS 4518 Mobile and Ubiquitous Computing Lecture 6: Databases, Camera, Face Detection Emmanuel Agu
CS 4518 Mobile and Ubiquitous Computing Lecture 6: Databases, Camera, Face Detection Emmanuel Agu Administrivia Project 2 Emailed out last week Should be done in groups of 5 or 6 Due this Thursday, 11.59PM
More information