Migrating your Windows Store (8) applications to version 8.1

CHANGE THIS

PHOTO ON

MASTER VIEW

This is Microsoft trademark brand

photo and is used as a

simulation, please don use this in

your presentation.

Andrej TozonMicrosoft MVPANT Andrej Tozon s.p.andrej@tozon.info | www.tozon.info | @andrejt

Migracija aplikacij Windows Store na v8.1

2

AgendaSpremembe smernic uporabniške izkušnje (UX)Kaj in kako spremeniti?Spremembe v vgrajenih predlogah (Visual Studio 2013)Primeri uporabe novih kontrolnikovKaj se bo dogajalo na tržnici?

Tržnica

4

Nadgradnja na Windows 8.1Brezplačna za vse uporabnike Windows 8 Enostavna namestitev preko aplikacije „Tržnica“KompatibilnostVse aplikacije, pisane za „8“, bodo tekle tudi na „8.1“Aplikacije, pisane za „8.1“, bodo zahtevale Windows 8.1

Na Windows 8.1 se aplikacije posodabljajo samodejnoUporabnik to možnost lahko izključi in posodablja ročno

5

Podprti scenariji za oddajo aplikacijDodajanje „8.1“, ko že imate objavljeno „8.0“Dodajanje „8.0“, ko že imate objavljeno „8.1“Objavljanje „8.0“ in „8.1“ skupajPosodabljanjeSamo „8.0“Samo „8.1“„8.0“ in „8.1“ skupaj

Nadgrajevanje aplikacij

7

Kaj pridobimo?Pohitreno delovanje aplikacijeHitrejši zagonBolj gladki premiki po daljših zbirkahIzboljšane animacije

Novi kontrolnikiIzboljšana izkušnja iskanjaNove velikosti ploščicPrilagodljivost velikosti oken aplikacije

8

Kako se lotimo nadgradnje?I. Poskrbi za delovanje aplikacije na 8.1II. Izboljšaj delovanje aplikacijeIII. Nadgradi z novimi možnostmi

9

I. Poskrbi za delovanje aplikacije na 8.11. Preusmeri projekt na različico 8.12. Prilagodi projekt spremembam v platformi

10

I. Poskrbi za delovanje aplikacije na 8.11. Preusmeri projekt na različico 8.12. Prilagodi projekt spremembam v platformi3. Popravi aplikacijo, da ustreza različnim velikostim

11

Snapped view

12

Širina okenOkna imajo lahko poljubno širinoNi več stanj s fiksno širinoStanj „Snapped“ in „Filled“ ni večUporabniki lahko širino oken manjšajo sami, vendar le do minimalne določene širine

Najmanjša privzeta širina okna je 500pxTo širino lahko zmanjšamo na prejšnjih 320px

Aplikacija lahko odpre več oken hkrati… ali v novem oknu odpre drugo aplikacijo

Pozor na kontrolnike!Application/Command & Navigation Bar, SearchBox, Flyouts, Dialogs, ..

13

Poskrbi za delovanje aplikacije na 8.11. Preusmeri projekt na različico 8.12. Prilagodi projekt spremembam v platformi3. Popravi aplikacijo, da ustreza različnim velikostim4. Po potrebi prilagodi predloge kontrolnikov v seznamih5. Preveri delovanje razširitev in kontrolnikov tretjih oseb

14

II. Izboljšaj delovanje aplikacije1. Nadomesti klice v zastarele metode z novejšimi2. Uporabi gradnike iz novih predlog3. Omogoči dodatne performančne izboljšave (JS)

15

demo

Predloge Visual Studio 2013Širina oken

16

III. Nadgradi z novimi možnostmi1. Novi kontrolniki2. Uporabniška izkušnja po novih smernicah

17

HubPravi kontrolnik za bogato vstopno stranRazlične sekcije, tako po vsebini in obliki

18

IskanjeIskalno okno lahko vključimo na katerokoli stran!!!Nov kontrolnik: SearchBox

Zaokroža celotno izkušnjo iskanjaPovezava z ostalimi sistemskimi elementi, povezanimi z iskanjem

19

„Izletki“, meniji, Ukazna vrsticaVgrajeni v ogrodje (Callisto)Izletke lahko pripnemo gumbomNastavitve

20

Ostali kontrolnikiDatePicker, TimePicker

21

Ostali kontrolnikiHyperlink

<TextBlock> <Run>Povezava na</Run> <Hyperlink NavigateUri="...">mojo</Hyperlink> <Run>spletno stran.</Run></TextBlock>

22

Nadgradnje kontrolnikovFlipViewAnimacije tudi pri upravljanju s klasišnimi vhodnimi napravami

Klasični vnosniki – TextBox, ComboBox, ...Dodana lastnost Header (in HeaderTemplate)Tekstovni vnosniki tudi PlaceholderText

WebViewPrekrivanje (Z-order) in veliko novih možnosti

RenderTargetBitmap<3

23

Nadgradnje kontrolnikovIzboljšave pri podatkovnem povezovanjuDataContextChanged, UpdateSourceTrigger, FallbackValue, TargetNullValue

Nove možnosti pri navigacijiBackStack, ForwardStack, ...

Dinamične teme ThemeResource

SelectionHighlightColor

24

III. Nadgradi z novimi možnostmi1. Novi kontrolniki2. Uporabniška izkušnja po novih smernicah3. Izkoristi nove velikosti ploščic

25

PloščiceWindows 8Srednje (150x150px)Široke (310x150px)

Windows 8.1Majhne (70x70px)Velike (310x310px)

26

PloščiceVse aplikacije podpirajo srednjo in malo ploščicoObvezna je samo srednja ploščica (150x150px)Če male ploščice ne navedemo, bo uporabljena samodejno pomanjšana srednjaŠiroka ploščica je še vedno opcijskaPrav tako velika ploščica, vendar zahteva široko

Priporočila za različne skale ostajajoPoleg 1x še 0.8x, 1.4x in 1.8x

27

demo

Ploščice

28

Ostale novostiDeljenjeAplikacija kot izvor vsebine:Uri -> WebLink, ApplicationLink, lahko se uporabi oba

Integracija s kontakti in dogodkiProgramski dostop do podatkov o kontaktih in dogodkihMožnost odzivanja aplikacije preko novih aktivacijskih pogodb

Sinteza govoraAplikacija kot alarm

29

ViriUX/UI: New or updated in Windows 8.1 Previewhttp://msdn.microsoft.com/en-us/library/windows/apps/bg182890.aspx

API changes for Windows 8.1 http://msdn.microsoft.com/en-us/library/windows/apps/dn263110.aspx

Advanced Query Syntax (AQS)http://msdn.microsoft.com/en-us/library/windows/apps/aa965711.aspx

Q&A.Andrej TozonMicrosoft MVPANT Andrej Tozon s.p.

andrej@tozon.info | www.tozon.info | @andrejt

© 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.