Windows Phone 8 Programming Similar XAML UI Controls

  • Slides: 32
Download presentation
Windows Phone 8 Programming

Windows Phone 8 Programming

Similar XAML UI Controls You create your UI on both platforms using XAML. Your

Similar XAML UI Controls You create your UI on both platforms using XAML. Your app will consist of one or more pages, and each page contains a UI created by and customized by UI controls. The set of controls available on Windows Phone 8 is available in the System. Windows. Controls namespace. The set of controls used on Windows 8 is in the Windows. UI. Xaml. Controls namespace. Although these are different namespaces and the types are different, there’s a lot of similarity in the controls that are supported. Most of the controls are named the same and will be familiar to you coming from either platform. This supports design reuse you can design your app for Windows Phone 8 and Windows 8 with the same UI building blocks in mind.

Windows Phone 8 Programming API Windows Phone 8 supports • Managed app dev using

Windows Phone 8 Programming API Windows Phone 8 supports • Managed app dev using the WP 7. 1, WP 8. 0. NET and Windows Phone Runtime APIs • Native app dev using Win. PRT and Win 32 • Games dev using the WP 7. 1 XNA framework • Games dev using Direct 3 D or Direct. X

. NET API for Windows Phone Run. Time Managed & Native Win 32 &

. NET API for Windows Phone Run. Time Managed & Native Win 32 & COM Native The. NET API for Windows Phone is the primary managed API • Includes all the types and APIs from Windows Phone OS 7. 1 • Contains classes and types from the System and Microsoft. Phone namespaces There have been new classes added for Windows Phone 8. 0, for example • Microsoft. Phone. Wallet • Microsoft. Phone. Tasks. Share. Media. Task • Microsoft. Phone. Tasks. Maps. Task • Microsoft. Phone. Storage. External. Storage • Microsoft. Phone. Networking. Voip • Many more…!

Windows Phone Runtime API. NET API for Windows Phone Run. Time Managed & Native

Windows Phone Runtime API. NET API for Windows Phone Run. Time Managed & Native Win 32 & COM Native Windows Phone Runtime is a subset of the full Win. RT, plus some phone-specific additio • Windows (Phone) Runtime is implemented in C++ and projected into C#, VB. NET, and C++ • HTML 5/Java. Script projection not available on Windows Phone 8 Full Win. RT (around 11, 000 members) Subset adopted for Windows Phone Runtime (around 2, 800 members) Phone-specific additions to Windows Phone Runtime include New for Windows Phone Runtime (around 600 members) • Speech synthesis and recognition • Windows. Phone. Personal. Information • Lock. Screen and Lock. Screen. Manager • More…

Win 32 & COM API for Windows Phone. NET API for Windows Phone Run.

Win 32 & COM API for Windows Phone. NET API for Windows Phone Run. Time Managed & Native Win 32 & COM Native In addition to. NET and Windows Phone Runtime, you have access to some Win 32 AP • Winsock for low-level networking • Camera APIs for native code apps • COM APIs such as Co. Initialize. Ex, Co. Task. Mem. Alloc, Co. Task. Mem. Free, Create. File 2, Read. File, Write. File, Heap. Alloc, Create. Mutex. Ex. W, Wait. For. Single. Object. W, …many others… Mainly of interest to native code developers Managed applications could call these by adding a native project to the solutio but there are few situations where this will be used

Getting Started

Getting Started

Development PC Requirement Supported Operating Systems Windows 8 64 -bit(x 64) client versions Hardware

Development PC Requirement Supported Operating Systems Windows 8 64 -bit(x 64) client versions Hardware 8 GB free disk space 4 GB of RAM 64 -bit motherboard Windows Phone Emulator Windows 8 Pro or Higher (for Hyper - V) and Second level Address Translation(SLAT)

Introduction to Windows Phone SDK 8. 0 Tools

Introduction to Windows Phone SDK 8. 0 Tools

Visual Studio Windows Phone Emulator

Visual Studio Windows Phone Emulator

Developer Phone Registration • Before you can deploy your own programs to the device

Developer Phone Registration • Before you can deploy your own programs to the device you need to register it as a developer device • This is done once for a particular phone • Registered developers can register up to three devices • Registered students can register one device

Tile Templates and Tile Sizes • Flip – flips from front to back (similar

Tile Templates and Tile Sizes • Flip – flips from front to back (similar to the WP 7. 1 Tile template) • Iconic – clean iconic layout designed to reflect Windows Phone design principles • Cycle – cycles through up to nine images

Lock Screen on Windows Phone 8 You can register your app as a lock

Lock Screen on Windows Phone 8 You can register your app as a lock screen provider, which enables: • User can select your app to show detailed status on the lock screen • Can select your app as one of the five apps to show quick status (icon and count) • Can select your app as the lock screen background image provider

Maps • Windows Phone 8 has new Maps controls • Bing Maps control from

Maps • Windows Phone 8 has new Maps controls • Bing Maps control from Windows Phone OS 7. 1 is still supported, but deprecated • The new Maps controls use technology supplied by Nokia New features: • Vector-based for faster rendering • Four cartographic map modes • Light and dark color modes • Display landmark and pedestrian features

Location and Location Tracking New Location API in the Windows Phone Runtime API set

Location and Location Tracking New Location API in the Windows Phone Runtime API set • Similar to Windows 8 Location API Windows Phone OS 7. 1. NET Location API still supported Background location-tracking apps • Run continuously in the background when the user navigates away from the app • Enables scenarios such as Run Trackers, turn-byturn navigation

Speech • Windows Phone 8 allows you to enable users to robustly interact with

Speech • Windows Phone 8 allows you to enable users to robustly interact with your app using their voice • Two types of voice interaction are new: • Voice Commands - Allows users to deep-link into your app by holding down the Start button and speaking a prefix you specify for your app, followed by a command that you define. • Speech Recognition and Text-to-Speech APIs - While in the context of your app, allow users to provide input using their voice, and readout text to users via text-to-speech

Wallet Credit & Debit Cards Loyalty & Membership Cards Access Saved Deals Supports NFC

Wallet Credit & Debit Cards Loyalty & Membership Cards Access Saved Deals Supports NFC ‘Tap to Pay’

UI Controls Long. List. Selector • Flat lists • Grouped lists – with headers

UI Controls Long. List. Selector • Flat lists • Grouped lists – with headers • Jump List • Formerly in the Silverlight Toolkit Pivot and Panorama now in ROM Web. Browser control now based on Internet Explorer 10

Vo. IP and Video Chat • Incoming Vo. IP calls work like any other

Vo. IP and Video Chat • Incoming Vo. IP calls work like any other call • Integrates with built-in phone features • Vo. IP apps continue to run in the background • Available to all developers

Designing Windows Phone Applications

Designing Windows Phone Applications

Windows Design Principles 1. Pride in craftsmanship Take care of the details Make it

Windows Design Principles 1. Pride in craftsmanship Take care of the details Make it safe and reliable Uncompromising Sensitivity to Weight, Balance and Scale Align to the grid

Windows Design Principles 2. Be fast and fluid Life is mobile Delight with motion

Windows Design Principles 2. Be fast and fluid Life is mobile Delight with motion Design for touch Intuitive interaction Be responsive and ready Immersive and compelling

Windows Design Principles 3. Do more with less Be great at something Focused and

Windows Design Principles 3. Do more with less Be great at something Focused and direct Content before chrome Inspire confidence

Windows Design Principles 4. Authentically Digital Don’t Try to be What It’s NOT Cloud

Windows Design Principles 4. Authentically Digital Don’t Try to be What It’s NOT Cloud connected Dynamic and alive Beautiful use of typography Bold vibrant colours Motion

Windows Design Principles 5. Win as one Fit into the UI model Reduce redundancy

Windows Design Principles 5. Win as one Fit into the UI model Reduce redundancy Work together to complete scenarios Tools and templates are designed to scale

Design on Paper Before You Touch the Tools!

Design on Paper Before You Touch the Tools!

Design App Navigation Early!

Design App Navigation Early!

Now Start Building With the Tools for the Job: Graphical Design • A UX

Now Start Building With the Tools for the Job: Graphical Design • A UX designer can use Blend to specify the appearance of the user interface • A version of Blend for the phone is supplied as part of the phone SDK

Tools for the Job: Code Creation • A Developer can take the user interface

Tools for the Job: Code Creation • A Developer can take the user interface design and use Visual Studio build the program to make it work • Visual Studio provides a design environment but it is not as advanced as Blend

Project Templates and Components • Windows Phone SDK provides a set of project templates

Project Templates and Components • Windows Phone SDK provides a set of project templates • Each of them maps onto a particular style of application

Application Templates Basic single page app Pivot application Panorama application

Application Templates Basic single page app Pivot application Panorama application

Thank You

Thank You