Md2010 jl-wp7-sl-dev

Developing WP7 Appswith Silverlight
José Luis Latorre
Microsoft MVP, UX Specialist & Brainsiders CEO
http://silverlightguy.com

Generalni sponzori:
Organizatori:
Glavni sponzori:
Generalni medijski sponzor:
Sponzori:
Medijski sponzori:
Strateški partneri:
Službena PR agencija:

Application Framework details
Windows Phone Frameworks
Camera
Device Integration
Launchers & Choosers
Windows Phone Controls
PhoneApplicationPage
PushNotification
WebBrowserControl
Sensors
PhoneApplicationFrame
Silverlight Presentation and Media
XNA Frameworks for Games
Controls
Drawing
IsolatedStorage
Drawing
GamerServices
Navigation
Shapes
Markup
Media
Audio
Media
Graphics
Content
Input
Application Object
Common Base Class Library
Diagnostics
Reflection
IO
Runtime
Resources
Globalization
Text
Location
Net
Collections
ComponentModel
Configuration
Security
Threading
ServiceModel
Linq

Whatis Silverlight?
Powerful Development Platform
Engaging, Interactive User Experiences

Silverlighcapabilities
Data
Inputs
Language Integrated Query (LINQ)
LINQ to XML
XML
IsolatedStorage
Keyboard
Mouse
Touch
Ink
Base Class Library (BCL)
XAML
Generics
Collections
Cryptography
Threading
UI Core
Vector
Animation
Text
Images
Windows Communication Foundation
Media
REST
RSS/ATOM
SOAP
Digital media capture & playback
VC1, WMA, MP3

What Silverlight version do wehave?
It is Silverlight 3 but adding:
Performance tuning
Input integration
H/W media and sensor integration
OS application model integration
Relaxed sandbox constraints

Whatmakes Silverlight so Special?
M
X
A
L
eXtensible
Application
Markup
Language
XML
Declarative Markup
<Grid>
<TextBlockFontSize="48" Text="Hello world" />
</Grid>

Whatmakes Silverlight so Special?
Code
XAML
XAML maps to code
Anything in XAML can be done in code

SilverligthAppModel - What’s a XAP?
myapp.xap
Tools
Common format for all Windows Phone apps & games
Declarative, manifest-based installation
Integrated into security model of phone

Anoverview of a Silverlight appfor WP7

Windows Phone application
Application
Frame
Page 3
Page 1
Page 2

Silverlight Controls
Conformingto Metro DesignGuidelines.
Consistent Look & Feel.
Familiar toexisting Silverlight developers.
TheyadapttothecurrentTheme.

Output

Media
Media support
H/W decode
MediaStreamSource
PlayReady DRM
XNA framework sound effect API
Supportspolyphony and looping
MediaElement
Only supports one MediaElement for page
VideoBrush is not supported

XNA for Windows Phone 7
Using XNA audio capabilitiesisneeded
UsingnamespaceMicrosoft.Xna.Framework.Audio
TogetherwithSoundEffect and SoundEffectInstance
AddingtheWavsoundfile as a contentelementtotheproject.
// Audio
SoundEffectsoundEffect;
string soundName = "kaboom";
// Loading and playing audio
soundEffect = contentManager.Load<SoundEffect>(soundName); soundEffect.Play();

Vibration
Makesthephonevibrateduring a specificduration
Useful for giving a tactile response totheuser.
Tonotifyusers of anupdate.
VibrateControllervc = VibrateController.Default;
vc.Start(TimeSpan.FromSeconds(3));
Microsoft.Devices.Sensors

SIP I
SIP Stands for Software Input Panel.
TheTextBox Silverlight control integrateswith SIP
SIP supportsaround 60 differentInputScopes:

SIP II
SIP can bepersonalizedwithseveralversions of thekeyboardthattheuser can selectbetween.
Buttheapplication can also show theoptimumkeyboard.
We use InputScopeto do that, for example:
<TextBoxGrid.Row="1" Name="tbNombre" Text="">
<TextBox.InputScope>
<InputScope>
<InputScopeNameNameValue="PersonalGivenName"></InputScopeName>
</InputScope>
</TextBox.InputScope>
</TextBox>

A Silverlight “Hello World” for WP7
(link to demo)

Accelerometer
Measures force applied on each axis over time.
+Y
-Z
-X
+X
+Z
-Y

Accelerometer I
Getting data fromtheAccelerometer
Add a refferencetoMicrosoft.Devices.Sensors
Addthecorrespondingusing
Declare the variable AccelerometerSensor
Getaninstance of theAccelerometerSensor
+Y
usingMicrosoft.Devices.Sensors;
-Z
AccelerometerSensoraccelerometer;
-X
+X
if (accelerometer == null)
{
sensor accelerometer = new AccelerometerSensor();
}
+Z
-Y

Accelerometer II
+Y
Getting data fromtheAccelerometer
Suscribe totheeventReadingChanged
Createtheeventhandler
Initializetheaccelerometer
accelSensor.ReadingChanged +=
new EventHandler<AccelerometerReadingAsyncEventArgs>(AccelerometerReadingChanged);
-Z
publicvoidAccelerometerReadingChanged(objectsender, AccelerometerReadingAsyncEventArgs e)
{
accelReading.X = (float)e.Value.Value.X;
accelReading.Y = (float)e.Value.Value.Y;
accelReading.Z = (float)e.Value.Value.Z;
}
-X
+X
+Z
-Y
Accelsensor.Start();

OS Integration

ApplicationBar & ContextMenu
The «Application Bar» is a control systemthatprovides a quickaddition of a tool bar for our WP7 application.
ApartfromtheApplication Bar, applications can provideadditionaloptionslikeshowingoneor more menuelements.
Microsoft.Phone.Shell

ApplicationBar & ContextMenu
By default wehave a sample XAML Code for quicklyenablingthisfeaturesonourapplications:
<phone:PhoneApplicationPage.ApplicationBar>
<shell:ApplicationBarIsVisible="True" IsMenuEnabled="True">
<shell:ApplicationBarIconButtonIconUri=“/appbar_button1.png" Text="Button 1"/>
<shell:ApplicationBarIconButtonIconUri=“/appbar_button2.png" Text="Button 2"/>
<shell:ApplicationBar.MenuItems>
<shell:ApplicationBarMenuItemText="MenuItem 1"/>
<shell:ApplicationBarMenuItemText="MenuItem 2"/>
</shell:ApplicationBar.MenuItems>
</shell:ApplicationBar>
</phone:PhoneApplicationPage.ApplicationBar>

Navigation: Frame and Page
Frame
Isthetopmostcontainer control.
PhoneApplicationFrameclass.
Containsthe page control and sytsemelements, likeSystemTray, app bar, etc..
Page
Fillstheentirecontentregion of theFrame.
Derives fromtheclassPhoneApplicationPage.
Contains a title.
Can haveitsownapplication bar.

Orientation
In VS2010 we can add a Landscape Page or a Portrait Page.
TheonlydifferenceisonthepropertySupportedOrientationwhich can be:
Portrait
Landscape
PortraitOrLandscape
Wecan’tchangethe page orientation in code.
Butwe can reacttoitschangesthroughtheOrientationChangedevent.

Silverlight Toolkit
(link to demo)

jose@brainsiders.com - @joslat

Md2010 jl-wp7-sl-dev

by Jose Millas on Sep 23, 2010

Accessibility

Tags

Upload Details

Usage Rights

Statistics

Md2010 jl-wp7-sl-dev — Presentation Transcript