Windows Phone 8.1 - platform concepts and app development

Dresden, July 16th, 2014
Windows Phone 8.1
platform concepts and app development
Advanced seminar by Sebastian Müller

Windows Phone 8.1 – platform concepts and app development #2July 16th, 2014
...
Windows
Mobile 6.5
Windows
Phone 7
Windows
Phone 8
Windows
Phone 8.1
Windows CE
Windows NT
History of Microsoft‘s mobile operating systems

Hardware requirements
• Snapdragon CPU
• 512MB, 1GB or 2GB RAM
• 1080p, 720p, WXGA, qHD, FWVGA,
WVGA resolution
• multi-touch display
• rear-facing camera (VGA)
• mobile data, WiFi, Bluetooth 4, A-GPS
• accelerometer, proximity, ambient light
sensors
• mechanical power, vol+, vol- buttons

Apps

App models
WP7
Silverlight
WP8
Silverlight
WP 8.1
Silverlight
WP 8.1
WinRT
Silverlight
Windows Phone 8 API
Windows Phone 8.1 API
WinRT
WP 7 API
WP 8.1
WinJS
WinJS

App models
WP7
Silverlight
WP8
Silverlight
WP 8.1
Silverlight
WP 8.1
WinRT
Silverlight
Windows Phone 8 API
WinRT
WP 7 API
WP 8.1
WinJS
WinJS

Windows programming model
http://channel9.msdn.com/Events/Build/2014/2-507

• relatively low-level ABI
• WinRT components act as libraries
• written in C#, C++/CX
• metadata describes underlying API to
managed languages
Windows Runtime

Windows Runtime
ChakraCLR
Windows Runtime Object
C++ App
HTML App
C#/VB App
ProjectionProjectionProjection
Metadata
(winmd)

Windows Runtime projection
WinRT Type/Interface .NET Equivalent
Boolean Boolean
DateTime DateTimeOffset
Int64 Long
String String
IMap<K,V> IDictionary<K,V>
IVector<T> IList<T>

Windows Runtime projection
WinRT pattern VB/C# pattern JavaScript pattern
AsyncOperation awaitable Task Promise
Event Event, +=
Event,
addEventListener
Delegate Delegate function() …
Collections
System.Collections.
Generic
Array, hash

Windows Runtime
ChakraCLR
Windows Runtime Object
C++ App
HTML App
C#/VB App
ProjectionProjectionProjection
Metadata
(winmd)

Hello World!

Development tools

Hello world example

App.xaml
<Application
x:Class="HelloWorldApp.App"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<Application.Resources>
<SolidColorBrush
x:Name="HelloWorldColorBrush"
Color="Red" />
</Application.Resources>
</Application>

App.xaml.cs
public sealed partial class App : Application {
public App() {
InitializeComponent();
Suspending += OnSuspending;
}
protected override void OnLaunched(LaunchActivatedEventArgs e) {
var rootFrame = Window.Current.Content as Frame;
//...
rootFrame.Navigate(typeof(MainPage), e.Arguments);
//...
Window.Current.Activate();
}
private void FirstNavigated(object sender, NavigationEventArgs e) {
//...
}
private void OnSuspending(object sender, SuspendingEventArgs e) {
//...
}
}

Hello Windows Phone!

MainPage.xaml
<Page
x:Class="HelloWorldApp.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
<Page.BottomAppBar
<CommandBar>
<AppBarButton Label="Hello" Click="BtnClicked" Icon="World"/>
</CommandBar>
</Page.BottomAppBar>
<Grid VerticalAlignment="Center" HorizontalAlignment="Center">
<TextBlock
x:Uid="HelloWorldTxt" x:Name="TextBlock1"
Style="{ThemeResource GroupHeaderTextBlockStyle}"
Foreground="{ThemeResource PhoneAccentBrush}"
Text="Hello world!" />
</Grid>
</Page>

MainPage.xaml.cs
public sealed partial class MainPage : Page {
public MainPage() {
InitializeComponent();
NavigationCacheMode = NavigationCacheMode.Required;
}
protected override void OnNavigatedTo(NavigationEventArgs e) {
//...
}
private void BtnClicked(object sender, RoutedEventArgs e)
{
//...
}
}

Hello Windows Phone!

An app‘s lifecycle
http://msdn.microsoft.com/en-us/library/windows/apps/hh464925.aspx

Communication / Contracts
• file associations
• URI contracts
• share
• file save picker
• file open picker

Secondary and Live Tiles
http://msdn.microsoft.com/en-us/library/windowsphone/develop/hh202948(v=vs.105).aspx

Secondary Tiles

Live Tiles
http://msdn.microsoft.com/en-us/library/windows/apps/dn632423.aspx

Background tasks
Trigger Usage
System Trigger
UserPresent, UserAway,
SessionConnected, TimeZoneChange,
NetworkStateChange, InternetAvailable,
ServicingComplete,
GattCharacteristicNotificationTrigger,
DeviceChangeTrigger,
DeviceUpdateTrigger,
RfcommConnectionTrigger
Run code on system events
TimeTrigger Data synchronization
MaintenanceTrigger Perform maintenance work on AC
power

Battery Saver

Action Center
• add/edit/remove
(ghost) notifications
• in-app, triggered,
scheduled, push

• Local
• isolated
• app-specific
• LocalCache
• not included in backups
• Roaming
• cloud synced
• size limit
• Temporary
• transient
• PasswordFault
• sensitive information
• Project
• install folder
Storage and Settings

XAML: Images/logo.png
E.g. loads: Images/en-US/homeregion-USA/logo.scale-
140_contrast-white.png
Standard naming convention:
foldername/qualifiername-value/qualifiername-
value/filename.qualifiername-value_qualifier name-
value.ext
Resources and localization

Key Value
HelloWorldTxt.Text Hello Windows Phone
HelloWorldTxt.Background Blue
HelloWorldTxt.TextAlignment Right
HelloWorldTxt.FlowDirection RightToLeft
Resources and localization
<TextBlock
x:Uid="HelloWorldTxt"
Style="{ThemeResource GroupHeaderTextBlockStyle}"
Foreground="{ThemeResource PhoneAccentBrush}"
Text="Hello world!" />

App package
ZIP container
Files / Assets
AppXManifest.xml
BlockMap
Signature
• local: appx or appxbundle
• cloud:
 machine code for each device
 security signature

Voice commands
<?xml version="1.0" encoding="utf-8"?>
<VoiceCommands xmlns="http://schemas.microsoft.com/voicecommands/1.1">
<CommandSet xml:lang="en-us" Name="englishCommands">
<CommandPrefix> MSDN </CommandPrefix>
<Example> find 'Windows Phone Voice Commands' </Example>
<Command Name="MSDNSearch">
<Example> find 'how to install CommandSets' </Example>
<ListenFor> Search </ListenFor>
<ListenFor> Search [for] {dictatedSearchTerms} </ListenFor>
<ListenFor> Find {dictatedSearchTerms} </ListenFor>
<ListenFor> Find </ListenFor>
<Feedback> Searching MSDN... </Feedback>
<Navigate Target="MainPage.xaml" />
</Command>
<PhraseTopic Label="dictatedSearchTerms" Scenario="Search">
<Subject> MSDN </Subject>
</PhraseTopic>
</CommandSet>
</VoiceCommands>

Metro Design Language

Thank you
Questions

Windows Phone 8.1 - platform concepts and app development

Recomendados

Recomendados

Más contenido relacionado

Último

Último (20)

Destacado

Destacado (20)

Windows Phone 8.1 - platform concepts and app development

Notas del editor