User Interface Objects From Beginning iPhone 4 Development and The iPhone Developer’s Cookbook (Chapter 4)

Slides:



Advertisements
Similar presentations
Support.ebsco.com EBSCOhost Mobile Tutorial. Welcome to the EBSCOhost Mobile tutorial, a guide to the most popular EBSCOhost features available for use.
Advertisements

Excel Vocabulary.
ArtNotes Owen Watson Kirk Barron. This is the Navigation Bar. This a common feature of most iPhone applications This is a notebook and contains images.
© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
Chapter 19 Design Model for WebApps
JavaScript FaaDoOEngineers.com FaaDoOEngineers.com.
Section 6.1 Write Web text Use a mission statement Generate and organize content ideas Section 6.2 Use page dimension guidelines Determine content placement.
6 Developing Content and Layout Section 6.1 Generate and organize content ideas Write and organize Web text Section 6.2 Identify page dimension guidelines.
© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
Creating an OOED Application
Microsoft Office 2003 Illustrated Brief Elements to a Document Adding Special.
Intermediate Level Course. Text Format The text styles, bold, italics, underlining, superscript and subscript, can be easily added to selected text. Text.
 User Interface - Raeha Sandalwala.  Introduction to UI  Layouts  UI Controls  Menus and ‘Toasts’  Notifications  Other interesting UIs ◦ ListView.
Guide to Oracle10G1 Introduction To Forms Builder Chapter 5.
A Guide to Oracle9i1 Introduction To Forms Builder Chapter 5.
A Guide to Oracle9i1 Creating an Integrated Database Application Chapter 8.
Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
3D Game Programming All in One By Kenneth C. Finney.
Chapter 31 Visual Basic Controls A Form is a windows-style screen displayed by Visual Basic programs. In a form, a programmer can create objects in a form.
Chapter 13: Advanced GUI and Graphics
Using Frames in a Web Site
Getting Started with Dreamweaver
© 2011 Delmar, Cengage Learning Chapter 2 Developing a Web Page.
Systems Analysis and Design in a Changing World, 6th Edition
1 Forms A form is the usual way that information is gotten from a browser to a server –HTML has tags to create a collection of objects that implement this.
© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.
Overview of Previous Lesson(s) Over View  ASP.NET Pages  Modular in nature and divided into the core sections  Page directives  Code Section  Page.
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.
Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: –The head content –The body Creating Head Content and Setting Page Properties.
iOS components in Swift
Java Software Solutions Lewis and Loftus Chapter 10 1 Copyright 1997 by John Lewis and William Loftus. All rights reserved. Graphical User Interfaces --
Section 17.1 Add an audio file using HTML Create a form using HTML Add text boxes using HTML Add radio buttons and check boxes using HTML Add a pull-down.
Chapter 10 Fireworks: Part II The Web Warrior Guide to Web Design Technologies.
Domain 3 Understanding the Adobe Dreamweaver CS5 Interface.
XP New Perspectives on Windows XP Tutorial 1 Exploring the Basics.
Introducing Excel Jason C. H. Chen, Ph.D. Professor of Management Information Systems School of Business Administration Gonzaga University Spokane, WA.
Chapter 8 Collecting Data with Forms. Chapter 8 Lessons Introduction 1.Plan and create a form 2.Edit and format a form 3.Work with form objects 4.Test.
Week 11 Creating Framed Layouts Objectives Understand the benefits and drawbacks of frames Understand and use frame syntax Customize frame characteristics.
Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using.
Chapter 5: Windows and Frames
1. Chapter 10 Managing and Printing Documents 3 Working with Files and Printing You can open multiple documents in Word. When multiple documents are.
Things you should have with you: Your own address Student addresses Ideas that you want to include.
Chapter 1 Review Chapter 2 Whatcha Gonna Do???
Chapter 2 – Introduction to the Visual Studio .NET IDE
User Interface Components Lecture # 5 From: interface-elements.html.
Microsoft FrontPage 2003 Illustrated Complete Designing Web Pages with Layout Tables.
Splatter! Critical Design Review By: David Kikuta March 15, 2011.
Chapter 5 Introduction To Form Builder. Lesson A Objectives  Display Forms Builder forms in a Web browser  Use a data block form to view, insert, update,
Exploring Microsoft Microsoft FrontPage Chapter 21 Exploring Microsoft FrontPage 2002 Chapter 1 Creating a Home Page: Introduction to MS FrontPage.
CMPF114 Computer Literacy Chapter 3 The Visual Basic Environment 1.
By: Ms. Fatima Shannag Ms. Essra Al-Mousa 1. PowerPoint web app 2 PowerPoint Web App is a limited version of PowerPoint, enabling you to display information.
 ASP.NET provides an event based programming model that simplifies web programming  All GUI applications are incomplete without enabling actions  These.
Chapter 11 Collaboration Features for Workbooks Microsoft Excel 2013.
 2002 Prentice Hall. All rights reserved. 1 Introduction to the Visual Studio.NET IDE Outline Introduction Visual Studio.NET Integrated Development Environment.
DB Implementation: MS Access Forms. MS Access Forms: Purpose Data entry, editing, & viewing data in Tables Forms are user-friendlier to end-users than.
Section 6.1 Section 6.2 Write Web text Use a mission statement
iOS UI Components Sisoft Technologies Pvt Ltd
User Interface Components
Chapter 2 – Introduction to the Visual Studio .NET IDE
Section 17.1 Section 17.2 Add an audio file using HTML
Getting Started with Dreamweaver
Chap 7. Building Java Graphical User Interfaces
Graphical User Interfaces -- Introduction
CSC 581: Mobile App Development
CSC 581: Mobile App Development
Development with UIKit on Xamarin.ios
EEC-492/693/793 iPhone Application Development
Chapter 4 Enhancing the Graphical User Interface
Presentation transcript:

User Interface Objects From Beginning iPhone 4 Development and The iPhone Developer’s Cookbook (Chapter 4)

User Interface Elements Views—visuals, provide canvas, and other interface visual objects. ViewControllers –provides a way for user to interact with your application. Can send an action (method) to a target (object) when an event (touch or tap) occurs.

Visual Classes Parent class –UIView Class Almost all interface objects are children of UIView class UIWindow—specialized container and home for all the views Set screen size Only see one at a time May have many views within a single window Visual Quickstart Guide iPhone SDK 3, pg 100

Views that Display Data UITextView Text box that may be used for display or user input Limited to single font and font size UILabel Read-only text, limited size UIImageViews Show pictures. Load with UIImage objects May load a sequence of images rather than single image

Views that Display Data, cont… UIWebView Display web content (HTML, PDF, etc) May use to present stylized text Support zoom and scroll MKMapViews Enables maps into application Allow map annotation (MKannotationView and MKPinAnnotionView) UIScrollView Display larger than normal content Adds horizontal and/or vertical scrolling Supports zoom

Views for Making Choices UIAlertView Pop-up windows May customize message and buttons Use when have two to three choices UIActionSheet Menus that scroll up from bottom of screen Serve same function as Alert view. Use when have 4 or more choices

Inputs and Values UIButton Displays a button Triggers an event/action Listed as Round Rect Buttons UISegmentedControl Displays a row of equally sized buttons Behave as radio buttons UISwitch On-off switch display

cont… UISlider Slider along a horizontal bar Set value for the bar UIPageControl Lets user move between pages UITextFields Offer single line of text input

Tables and Pickers UITableView Scrolling list of choices Offer rows of information UIPicker Select choices by scrolling individual wheels UIDatePicker is specialized picker for dates

Bars Compact views that extend from one side of screen to the other Read the Human Interface Guidelines for limits on bar use before you add a specific bar. UINavigationBar Used for navigation UITabBar and UISearchBar UIToolBar Provide a set of actions that act on current view

Progress and Activity UIActivityIndicatorView Spinning wheel while task is ongoing Does not state when task will end UIProgressView Offers bar that fills from left to right

UIView and UIViewControllers UIView has a visual representation UIViewControllers have NO visual representation Manage views Linking views to code Handle reorientation events Handle navigation issues such as switching between views

UIViewControllers May be very general to very specific Introduce functionality without additional programming Limit or hide direct access to core features Example—camera access Must use UIImagePickerController to snap a photo. Class pre- built GUI and will handle the taking of the photo and saving. After image is saved then pass control back to your application. No direct access to the camera or raw image data.

UIViewController Parent class of view controllers Handle reorientation tasks Set how views look and which subviews are displayed Handle reaction to views being displayed or dismissed Handle view changes

UINavigationController Allow navigate up and down hierarchies Create navigation bars Handles push new views and generate back buttons Handles navigation details and includes a history stack

Other Controllers UITabBarController UITableViewController AddressBookUI.framework--has several controllers that allow access to address book information UIIMagePickerController—allows access to photo album and to use the camera MFMailComposeViewcontroller—allows creation of mail message GKPeerPickerController—provides GUI for discovering and connecting with other iPhones MPMediaPickerController—media selection GUI