Palestra: Windows 8.1: O que mudou para o desenvolvedor? Palestrante: Renato Ibrahim Haddad (MVP ASP.NET/IIS) Realização: 07/11/2013 12h Trilha: Windows Store apps Sessão: Desenvolvimento Evento: MVP ShowCast 2013 Site: http://mvpshowcast.azurewebsites.net

1. SESSÃO: DESENVOLVIMENTO
TRILHA: WINDOWS STORE APPS
MVP ShowCast 2013
Windows 8.1:
O que mudou para o desenvolvedor?
© 2013, MVP ShowCast. Evento organizado por MVPs do Brasil com apoio da Microsoft.

3. Accessibility
Data binding
Live tiles and
toast
Input
Controls
HTML5/CSS
XAML
Portable
Geolocation
Direct3D
Direct2D
Direct Write
Local
storage
SMS
Skydrive
Sensors
Proximity
Playback
Capture
PlayTo
Streams
Background
transfer
Bing
Canvas
SVG
Syndication
Networking
Azure
Mobile
XML and
JSON
Contracts
Xbox Live
Printing
Application
services
Threading/timers
Memory
management
Globalization
Cryptography
Authentication

4. Accessibility
Data binding
Live tiles and
toast
Input
Controls
HTML5/CSS
XAML
Portable
Geolocation
Direct3D
Direct2D
Direct Write
Local
storage
SMS
Skydrive
Sensors
Proximity
Playback
Capture
PlayTo
Streams
Background
transfer
Bing
Canvas
SVG
Syndication
Networking
Azure
Mobile
XML and
JSON
Contracts
Xbox Live
Printing
Application
services
Threading/timers
Memory
management
Globalization
Cryptography
Authentication

5. Accessibility
Data binding
Live tiles and
toast
Input
Controls
HTML5/CSS
XAML
Speech synthesis
Portable
Geolocation
Point of
service
Direct3D
Direct2D
Direct Write
Local
storage
SMS
HTTP
Skydrive
Sensors
Proximity
USB
Playback
Capture
PlayTo
Streams
Background
transfer
Contacts
Bing
HID
WiFi direct
Bluetooth
Canvas
SVG
WebGL
Syndication
Networking
Appointments
Azure
Mobile
Printing
3D
printing
Scanning
XML and
JSON
Contracts
PDF
Xbox Live
Application
services
Threading/timers
Memory
management
Globalization
Cryptography
Authentication
Diagnostics

6. Accessibility
Data binding
Live tiles and
toast
Input
Controls
HTML5/CSS
XAML
Speech synthesis
Portable
Geolocation
Point of
service
Direct3D
Direct2D
Direct Write
Local
storage
SMS
HTTP
Skydrive
Sensors
Proximity
USB
Playback
Capture
PlayTo
Streams
Background
transfer
Contacts
Bing
HID
WiFi direct
Bluetooth
Canvas
SVG
WebGL
Syndication
Networking
Appointments
Azure
Mobile
Printing
3D
printing
Scanning
XML and
JSON
Contracts
PDF
Xbox Live
Application
services
Threading/timers
Memory
management
Globalization
Cryptography
Authentication
Diagnostics

10. Hub
<Hub Header=“Novidades Windows 8.1”>
<HubSection Header=“Aplicativos”>
<DataTemplate>
<!-- your content here -->
<HubSection Header=“Serviços“ IsHeaderInteractive=“True“
Background=“#222222“ MinWidth=“250“>
<DataTemplate>
<!-- your content here -->

12. DateTime Pickers
<DatePicker Header=“data inicial:”
CalendarIdentifier=“JapaneseCalendar”
DayFormat=“{}{day.integer} {dayofweek.abbreviated}”
YearVisible=“False” />
<TimePicker ClockIdentifier="24HourClock" />

14. Flyout
<Button Content="Show">
<Button.Flyout>
<Flyout>
<StackPanel>
<TextBlock FontWeight="Light" Text="Select a name..." />
<TextBox PlaceholderText="Choose a name..." Width="300" />
<Button HorizontalAlignment="Right" Content="Rename" />
</StackPanel>
</Flyout>
</Button.Flyout>
</Button>

15. Flyout
<Button Content="Options">
<Button.Flyout>
<MenuFlyout>
<MenuFlyoutItem Text="Reset" Click="Reset_Click"/>
<MenuFlyoutSeparator/>
<ToggleMenuFlyoutItem Text="Shuffle"
IsChecked="{Binding IsShuffleEnabled, Mode=TwoWay}"/>
<ToggleMenuFlyoutItem Text="Repeat"
IsChecked="{Binding IsRepeatEnabled, Mode=TwoWay}"/>
</MenuFlyout>
</Button.Flyout>
</Button>

18. AppBarButton - Symbols
<AppBarButton Icon="Favorite" Label="Add to Favorites" />
// below is the verbose method for symbol
<AppBarButton Label="Favorite">
<AppBarButton.Icon>
<SymbolIcon Symbol="Favorite" />
</AppBarButton.Icon>
</AppBarButton>

19. AppBarButton – Custom Font
<AppBarButton Label="Favorite">
<AppBarButton.Icon>
<FontIcon FontFamily="assets/myfont.ttf#Font Name"
Glyph="H" />
</AppBarButton.Icon>
</AppBarButton>

20. AppBarButton - Images
<AppBarButton Label="Favorite">
<AppBarButton.Icon>
<BitmapIcon UriSource="assets/foo.png" />
</AppBarButton.Icon>
</AppBarButton>

21. CommandBar
<Page.BottomAppBar>
<CommandBar>
<CommandBar.PrimaryCommands>
<!-- app bar buttons here -->
</CommandBar.PrimaryCommands>
<CommandBar.SecondaryCommands>
<!-- app bar buttons here -->
</CommandBar.SecondaryCommands>
</CommandBar>
</Page.BottomAppBar>

22. CommandBar
<Page.BottomAppBar>
<CommandBar>
<AppBarToggleButton Icon="Shuffle" Label="Shuffle" Click="AppBarButton_Click"/>
<AppBarToggleButton Icon="RepeatAll" Label="Repeat" Click="AppBarButton_Click"/>
<AppBarSeparator/>
<AppBarButton Icon="Back" Label="Back" Click="AppBarButton_Click"/>
<AppBarButton Icon="Stop" Label="Stop" Click="AppBarButton_Click"/>
<AppBarButton Icon="Play" Label="Play" Click="AppBarButton_Click"/>
<AppBarButton Icon="Forward" Label="Forward" Click="AppBarButton_Click"/>
<CommandBar.SecondaryCommands>
<AppBarButton Icon="Like" Label="Like" Click="AppBarButton_Click"/>
<AppBarButton Icon="Dislike" Label="Dislike" Click="AppBarButton_Click"/>
</CommandBar.SecondaryCommands>
</CommandBar>
</Page.BottomAppBar>

27. Reason
C++
1. Shared cache, cookies, credentials
✔
2. Strongly typed headers=fewer bugs in less time
new!
3. Access to cookies and shared cookies
4. Control over caching and shared cache
5. Inject your code modules into the processing
pipeline=cleaner, more modular code
✔
C# JavaScript
new!
✔
✔
new!
new! new!
new! new! new!
new!
✔
new!

28. Exemplo
try
{
var uri = new Uri("http://example.com/datalist.aspx");
var httpClient = new HttpClient();
var result = await httpClient.GetStringAsync(uri);
}
catch (Exception e)
{
}

29. Setar um cookie
var bpf = new HttpBaseProtocolFilter();
var cookieManager = bpf.CookieManager;
var cookie = new HttpCookie("myCookieName", ".example.com", "/");
cookie.Value = "myValue";
cookieManager.SetCookie(cookie);
// Use this base protocol file with an HttpClient
var httpClient = new HttpClient(bpf);

30. ⛭

33. APIs
Dispositivos
Cenários (Windows.Devices.HumanInterfaceDevice)
Uso de impressão digital para autenticação
Scaner de código de barras e leitor de tarja magnética
Uso de Geofence para interagir com app
Gerenciamento de virtual smart cards para acesso remoto
Impressora 3D e Bluetooth
Scanear documentos e imagens com scanners

34. Developing in Windows 8.1
SW dev
HW dev

36. Use a síntese de voz para solicitar
entrada ao usuário, realçar notificações
de aplicativos e caixas de diálogo de
mensagens, dar instruções (como
navegação passo a passo) e ler
conteúdo como mensagens de texto
ou email, RSS feeds, livros e resultados
de pesquisa

45. Como criar
layouts elegantes

46. XAML (markup) – Windows 8 e 8.1
<VisualStateManager.VisualStateGroups>
<VisualStateGroup>
<VisualState x:Name=“PrimaryLayout">
<Storyboard>
</Storyboard>
</VisualState>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>

47. XAML (code behind) – Windows 8
Window.Current.SizeChanged += Window_SizeChanged;
void Window_SizeChanged(object sender, WindowSizeChangedEventArgs e)
{
if (ApplicationView.Value == ApplicationViewState.Filled)
{
VisualStateManager.GoToState(this, “PrimaryLayout", true);
}
}

48. XAML (code behind) – Windows 8.1
Window.Current.SizeChanged += Window_SizeChanged;
void Window_SizeChanged(object sender, WindowSizeChangedEventArgs e)
{
if (e.Size.Width >= 500)
{
VisualStateManager.GoToState(this, “PrimaryLayout", true);
}
}

49. HTML (CSS) – Windows 8
/* Example CSS */
@media screen and (-ms-view-state: filled)
{
body
{
/* Define primary layout styles here */
}
}

50. HTML (CSS) – Windows 8.1
/* Example CSS */
@media screen and (min-width: 500px)
{
body
{
/* Define primary layout styles here */
}
}

51. Opcional: Suporte 320px
App especifica a sua largura mínima no
manifesto
Recomendações são similares às da Snapped
View no Windows 8:
Reduza o tamanho das margens, do botão Back
e do título

52. Opcional: Suporte 320px
App Windows 8 em modo compat:
A app pode ter qualquer tamanho a partir de 320px
Entre 320px e 500px, app é fixada em 320px com
“pillarboxing”
Quando a app for atualizada para 8.1:
Se a app decidir suportar 320px:
A app pode ter qualquer tamanho a partir de 320px
Não há mais o efeito de “pillarboxing”

54. Propriedades de um Share Source
As propriedades
do DataPackage
ajudam o seu
conteúdo a ter
uma visualização
ótima em apps
target
Propriedades atuais no Windows 8
Title
Description
Thumbnail
Novas propriedades no Windows 8.1
Square30x30Logo
LogoBackgroundColor
ContentSourceWebLink
ContentSourceApplicationLink

56. Melhorias em Share targets
Forneça uma descrição do seu
comportamento de Share no manifesto
Feche o painel de Share via código usando
o método DismissUI

57. ApplicationLinks x WebLinks
WebLinks vincula conteúdo da Web
ApplicationLinks vincula conteúdo da App

59. Apps são mais rápidas no Windows 8.1 sem mudança
de código
5-30%
+rápido
tartup de
uma app com
ListView
2x +rápido
List
panning
10-20%
menor
Uso de
memória em
XAML
15-35%
+rápido
Edição em
uma ListView
WinJS

60. • Os números de versão da app
Windows 8 nunca podem exceder a
primeira versão publicada da app
Windows 8.1

67. SESSÃO: DESENVOLVIMENTO
TRILHA: WINDOWS STORE APPS
Referências
•
•
•
•
•
•
Windows 8.1 Preview Product Guide for Developers
Windows API reference for Windows Store apps
Windows 8.1 Preview samples
Windows 8.1 Preview: New APIs and features for developers
Migrating Windows 8 apps to Windows 8.1 Preview
Visual Studio 2013 Preview
© 2013, MVP ShowCast. Evento organizado por MVPs do Brasil com apoio da Microsoft.