More About Views€¦ · Map • Views, Sizes, and Display Properties • Drawing • Custom...

25
More About Views (part 1) CSE4443 – Mobile User Interfaces Scott MacKenzie York University © Scott MacKenzie

Transcript of More About Views€¦ · Map • Views, Sizes, and Display Properties • Drawing • Custom...

  • More About Views(part 1)

    CSE4443 – Mobile User Interfaces

    Scott MacKenzieYork University

    © Scott MacKenzie

  • Map• Views, Sizes, and Display Properties• Drawing• Custom Components• Image View• Video View• ListView• GridView• Web View• Map View• Surface View

    © Scott MacKenzie2

  • Review

    © Scott MacKenzie3

  • View• Most uses of the View class are UI Widgets,

    etc., that are subclasses of View (next slide)• The View class can also be used directly as a

    general purpose area for drawing, etc.– This is somewhat like the JPanel class in

    Java/Swing

    © Scott MacKenzie4

  • Example Sub-classes of View

    © Scott MacKenzie5

  • Display Properties• Display properties include

    – Physical size (inches, cm)– Resolution– Pixel density– Natural Orientation– Current Orientation– Rotation (angle from

    natural orientation)

    © Scott MacKenzie6

    Demo_Display

    ESC

  • Map• Views, Sizes, and Display Properties• Drawing• Custom Components• Image View• Video View• ListView• GridView• Web View• Map View• Surface View

    © Scott MacKenzie7

  • Example - PaintPanel

    © Scott MacKenzie8

    ESC

    Demo_Ink

  • Map• Views, Sizes, and Display Properties• Drawing• Custom Components• Image View• Video View• ListView• GridView• Web View• Map View• Surface View

    © Scott MacKenzie9

  • Custom Components

    © Scott MacKenzie10

  • Example - MyButton

    © Scott MacKenzie11

    ESC

    Demo_CustomButton

  • Example - TouchModeButton

    © Scott MacKenzie12

    Demo_Ink

    ESC

  • Example - ViewMeter

    © Scott MacKenzie13

    Demo_Sensors

    ESC

  • Example - ButtonPad

    © Scott MacKenzie14

    ESC

    Demo_LunarLanderPlus

  • Map• Views, Sizes, and Display Properties• Drawing• Custom Components• Image View• Video View• ListView• GridView• Web View• Map View• Surface View

    © Scott MacKenzie15

  • Example

    © Scott MacKenzie16

    Demo_Camera

    ESC

  • Example

    © Scott MacKenzie17

    Demo_InternetDownload

    ESC

  • Map• Views, Sizes, and Display Properties• Drawing• Custom Components• Image View• Video View• ListView• GridView• Web View• Map View• Surface View

    © Scott MacKenzie18

  • Example

    © Scott MacKenzie19

    Demo_Camera

    ESC

  • Map• Views, Sizes, and Display Properties• Drawing• Custom Components• Image View• Video View• ListView• GridView• Web View• Map View• Surface View

    © Scott MacKenzie20

  • Example

    © Scott MacKenzie21

    Demo_ListView_1 Demo_ListView_2 Demo_ListView_3

    Strings (TextView) Images (ImageView) Images (ImageView)

    (from Device's memory card) (from Internet web page)

  • Map• Views, Sizes, and Display Properties• Drawing• Custom Components• Image View• Video View• ListView• GridView• Web View• Map View• Surface View

    © Scott MacKenzie22

  • Example

    © Scott MacKenzie23

    Demo_GridView

    ESC

  • Homework• Download all the “demo” programs from

    earlier slides• Import into Android projects• Connect your device and click “Run”• Observe UI behaviour• Ready the APIs (and links within)• Study source code

    © Scott MacKenzie24

  • Thank You

    © Scott MacKenzie25

    Slide Number 1MapReviewViewExample Sub-classes of ViewDisplay PropertiesMapExample - PaintPanelMapCustom ComponentsExample - MyButtonExample - TouchModeButtonExample - ViewMeterExample - ButtonPadMapExample Example MapExample MapExampleMapExampleHomeworkThank You


News and Views from Swan View

News and Views from Swan View

support.cch.com · Data Engagement T oday Graphics Import Mapping ... TBConvertMgr. convertTBs(DataGridview gridview, ... Microsoft Excel View Alignment Developer

support.cch.com · Data Engagement T oday Graphics Import Mapping ... TBConvertMgr. convertTBs(DataGridview gridview, ... Microsoft Excel View Alignment Developer

Polycom VVX300 / VVX310 / VVX400 / VVX410 · 7 / Phone views Your phone has four main Views: Lines view, Home view, Calls view (when you are on the line) and Screensaver view (VVX300/310

Polycom VVX300 / VVX310 / VVX400 / VVX410 · 7 / Phone views Your phone has four main Views: Lines view, Home view, Calls view (when you are on the line) and Screensaver view (VVX300/310

Adagio GridView Academy...© 2013 Softrak Systems Inc. 1 Adagio Gridview Online Academy June 2013 Adagio GridView Academy Session #5 Advanced Topics Data Dictionary Exporter • …\Softrak

Adagio GridView Academy...© 2013 Softrak Systems Inc. 1 Adagio Gridview Online Academy June 2013 Adagio GridView Academy Session #5 Advanced Topics Data Dictionary Exporter • …\Softrak

GridView Examples for ASP_Net C#

GridView Examples for ASP_Net C#

Views of Creation affect World View

Views of Creation affect World View

SHRI GOVIND GURU UNIVERSITY, GODHARA BCA Semester - 6 · • Introduction of GridView Or DataGrid Control (Simple Demo of view records using above control) • Introduction of FormView

SHRI GOVIND GURU UNIVERSITY, GODHARA BCA Semester - 6 · • Introduction of GridView Or DataGrid Control (Simple Demo of view records using above control) • Introduction of FormView

ASP.NET GridView & jQuery.pdf

ASP.NET GridView & jQuery.pdf

GridView for ASP.NET Web Forms - GrapeCity...Quick Start In this quick start you'll explore the functionality of GridView for ASP.NET Web Forms . In the following steps you'll create

GridView for ASP.NET Web Forms - GrapeCity...Quick Start In this quick start you'll explore the functionality of GridView for ASP.NET Web Forms . In the following steps you'll create

GridView Examples for ASP.docx

GridView Examples for ASP.docx

Radiobuttoncoloum in Gridview

Radiobuttoncoloum in Gridview

Working with GridView Control: Adding Columns. Adding Buttons to a Bound GridView: 1. Drag the WebProduct table from Data connection to a page 2. Demo.

Working with GridView Control: Adding Columns. Adding Buttons to a Bound GridView: 1. Drag the WebProduct table from Data connection to a page 2. Demo.

Hands on ASP.net GridView

Hands on ASP.net GridView

Development @ New Line, Bacup. Axonometric Views · Axonometric Views Axonometric View - North East 1 Axonometric View - North West 2 Axonometric View - South East 3 Axonometric View

Development @ New Line, Bacup. Axonometric Views · Axonometric Views Axonometric View - North East 1 Axonometric View - North West 2 Axonometric View - South East 3 Axonometric View

Materialized Views. 2 Materialized Views – Agenda What is a Materialized View? – Advantages and Disadvantages How Materialized Views Work – Parameter.

Materialized Views. 2 Materialized Views – Agenda What is a Materialized View? – Advantages and Disadvantages How Materialized Views Work – Parameter.

R-100 - Basic Views - Richard J. Bagan, Inc. Page 1 R100 Assembly - Basic Views Front View Right Side View Top View Sheet 1 - Basic Views 2015 a J Baga I E20150504 Richard Bagan Inc

R-100 - Basic Views - Richard J. Bagan, Inc. Page 1 R100 Assembly - Basic Views Front View Right Side View Top View Sheet 1 - Basic Views 2015 a J Baga I E20150504 Richard Bagan Inc

GridView - A Grid Monitoring and Visualization Tool

GridView - A Grid Monitoring and Visualization Tool

ComponentOne GridView for ASP.NET Wijmo ComponentOne GridView for ASP.NET Wijmo Overview Display items from a data source in an interactive, fully customizable table with ComponentOne

ComponentOne GridView for ASP.NET Wijmo ComponentOne GridView for ASP.NET Wijmo Overview Display items from a data source in an interactive, fully customizable table with ComponentOne

GridView Example Code

GridView Example Code

ASP GridView Practicals

ASP GridView Practicals