Razvoj aplikacija u programskom jeziku C# Dobrodošli!

Transcription

1 Razvoj aplikacija u programskom jeziku C# Dobrodošli!

2 Servisne informacije vjestina.azurewebsites.net

3 Servisne informacije Do sljedećeg predavanja Obavezno upisana vještina Čuvati, koristiti i vratiti

4 Servisne informacije Ako sudjelujete u SSA Objaviti kao HIDDEN (!)

5 Servisne informacije Imamo 50 kôdova za 6-mjesečne Student Passove - 100$ mjesečno Svi ostali mogu otvoriti 1-mjesečni Trial - 200$ mjesečno

6 Servisne informacije

7 Univerzalne Aplikacije 1/2

8 APP TYPES App type Windows Phone Windows RT C# VB.NET C++ JavaScript Extension Silverlight for Windows Phone* Windows Phone Silverlight Windows Phone Apps xap xap appx Windows Apps appx Universal Apps appx

9 Windows 8.1 provides developers with a shared platform that renders the right app experience for the right form-factor Designed once; engaging everywhere Converged developer platform Converged app model Shared app identities + entitlement Unified push services (via WNS) Apps come to life on Windows Live tile improvements Action Center for smart notifications Background execution + triggers Bluetooth-LE support for wearables + beacons Internet Explorer 11 improvements 9

10 Windows Phone 7.5 Windows Phone 8.0 Convergence Begins with IE WP 7.5 shipped with IE9 Same IE codebase as Windows Same JavaScript engine as Windows Converged Core OS Common NT kernel, file system and core networking Kernel mode driver f/work Secure boot & BitLocker Developer Platform Partial API convergence (focus on sensors & IAP) Native Code (C++) and DirectX IE10 Converged Dev Platform More skillset reuse More code reuse More seamless app experiences Aligning the Stores Shared dev registration Shared entitlement Common Core Platform Proximity & Location frameworks Security & identity Task scheduler 10

11 PLATFORM CONVERGENCE JOURNEY Converged OS kernel Converged app model Windows 10

12 The Windows Runtime (WinRT) is the shared runtime and API space used by store apps across the Windows platform (phone and client) Dramatic convergence in 8.1 Goal is 100% convergence for dev scenarios In 8.0, we had ~30% API convergence With 8.1, we move well past 90%+ convergence 12

13 13

14

15 15

16 One Visual Studio Universal app project template for your app Shared dev and test tooling for both platforms 16

17 Not covered today 17

18 tablet 10 tablet Infinite virtual canvas Provides a common layout coordinate system that extends along the x and y axis into infinity, allowing you to scale up 18

19 19

20 TimeZoneChange InternetAvailable NetworkStateChange Task MaintenanceTrigger LocationTrigger PUSH Notification TimeTrigger PushNotificationTrigger 20

21 Windows Notification Service (WNS) Shared push service for Windows + Phone Improved queuing to limit lost notifications due to intermittent network connectivity Tile templates + toasts Shared tile templates (more!) Periodic tile updates Toasts 21

22 Action Center Central location to surface missed notifications Apps can intelligently manage notifications (silently add, update, and delete notifications) 22

23 Backup [Device A] Roaming Local Local Cache Temp WP 8.1 WP 8.1 PFN App Device AB

24 24

25 25

26 26

27 27

28 28

29 29

30 Internet Explorer 11 brings more life to the mobile web via better HTML5 support Ability to code pinning behavior Specify high-resolution site icons Live tiles using notifications Professional quality video Adaptive streaming Secure viewing Accessibility improvements WebGL support Web spec based on OpenGL ES 2.0, to enable use of low-level 3D graphics APIs on web sites and HTML-based apps Rich user interactions Screen + device orientation APIs Pre-fetch and pre-render 30

31 31

32 32

33 33

34 34

35 35

36 Supported operating systems Windows 8.1 (x86 or x64) Hardware To use the Windows Phone Emulators 4 GB of free disk space 1.5 GB of RAM (recommended) 64-bit (x64) motherboard Windows 8.1 Pro or higher (for Hyper-V) and Second Level Address Translation (SLAT) Min 4GB RAM

37 37

38 I want to build a NEW app Build for both Phone & Tablet? Yes or Add Tablet later Use Windows XAML Windows Phone 8.0 Windows Phone 8.1 Windows 8.1 No Phone Only Need Silverlightonly APIs? No Use Windows XAML Windows Phone 8.0 Windows Phone 8.1 Windows 8.1 (later) Windows Phone 8.0 Yes Use Silverlight 8.1 Windows Phone 8.1 Windows

39 39

40 WinRT App

41

42

43

44

45 45

46 80% exact same XAML 20% custom Common Button CheckBox ToggleSwitch Slider Optimized DatePicker TimePicker Signature Hub Pivot ListView GridView SysTray RadioButton ProgressBar CommandBar

47

48

49 <TextBox InputScope= " SmtpAddress"/> <TextBox InputScope= "CurrencyAmountAndSymbol"/> <TextBox InputScope="Number"/>

50 Button Content Button Button Button Grid Grid.ColumnDefinitions ColumnDefinition ColumnDefinition Grid.ColumnDefinitions Image StackPanel TextBlock TextBlock StackPanel Grid Button HyperlinkButton

51 Code-Behind XAML Button Click="SimpleButton_Click" private async void SimpleButton_Click var new await The click event provides a simple way to handle button interaction directly from the code-behind. Double-click the button on the designer or use Intellisense in the XAML editor to generate the handler. Handlers may also be wired up from code using the += syntax in C# and equivalent in VB or C++.

52 {x:null}

53 TextBlock ProgressRing IsActive="True" TextBlock ProgressBar Minimum="0" Maximum="250" Value="50" TextBlock ProgressBar IsIndeterminate="True" Important! You must deactivate progress rings and progress bars when not visible. There s a performance penalty if you do not.

54

55

56

57 Button <Button.Flyout> <Flyout> StackPanel TextBlock TextBlock Button StackPanel </Flyout> </Button.Flyout> Button Button <Button.Flyout> <MenuFlyout> MenuFlyoutItem MenuFlyoutItem MenuFlyoutSeparator ToggleMenuFlyoutItem ToggleMenuFlyoutItem </MenuFlyout> </Button.Flyout> Button

58

59 private async void ShowContentDialog() { ContentDialog dialog = new ContentDialog() { Title = "Download updates?", Content = "This update will clean the slate for Iron Man", PrimaryButtonText = "Yes, clean it", SecondaryButtonText = "No, Dont!" }; dialog.secondarybuttonclick += dialog_secondarybuttonclick; } ContentDialogResult result = await dialog.showasync(); if (result == ContentDialogResult.Primary) { /* do some more Primary logic */ } else if (result == ContentDialogResult.Secondary) { /* else do Secondary logic */ } void dialog_secondarybuttonclick(contentdialog sender, object args) { /* you can also hook up to a button event handler */ }

60 AboutMessage mydialog = new AboutMessage(); ContentDialogResult result = await mydialog.showasync();

61

62

63

64 <Page.BottomAppBar> <CommandBar x:name="commandbar"> <CommandBar.PrimaryCommands> <AppBarButton Label="edit" Icon="Edit" /> <AppBarButton Label="favorite" Icon="Favorite" /> <AppBarSeparator /> <AppBarToggleButton Label="play" Icon="Play" /> </CommandBar.PrimaryCommands> <CommandBar.SecondaryCommands> <AppBarButton Label="help" Icon="Question" /> </CommandBar.SecondaryCommands> </CommandBar> </Page.BottomAppBar> 64

65 Windows Phone Windows 65

66

67 Icon Class SymbolIcon BitmapIcon FontIcon PathIcon Icon contents Named Segoe UI Symbol symbol A bitmap (PNG, etc.) image A custom font A XAML path <CommandBar.SecondaryCommands> <AppBarButton Label="Add Item"> <AppBarButton.Icon> <SymbolIcon Symbol="Add" /> </AppBarButton.Icon> </AppBarButton> <AppBarButton Label="Block"> <AppBarButton.Icon> <BitmapIcon UriSource="assets/foo.png"/> </AppBarButton.Icon> </AppBarButton> </CommandBar.SecondaryCommands>

68 <Page.BottomAppBar> <CommandBar> <AppBarButton x:name="btnbrag" Icon="Camera" Label="brag"> <AppBarButton.Flyout> <MenuFlyout> <MenuFlyoutItem x:name="menuphoto" Text="Photo" Click="menuPhoto_Click"/> <MenuFlyoutItem x:name="menuvideo" Text="Video" </MenuFlyout> </AppBarButton.Flyout> </AppBarButton> Click="menuVideo_Click"/> <AppBarButton x:name="btnpintostart" Icon="Pin" Click="btnPinToStart_Click" Label="Like"/> </CommandBar> </Page.BottomAppBar>

69 By default, Status Bar is visible and displays with a transparent background The background color that displays is that of the containing Page Can program the BackgroundColor and BackgroundOpacity There is no way to control the Status Bar in XAML code only StatusBar StatusBar StatusBar StatusBar StatusBar

70 var StatusBar StatusBar

71 ApplicationView.GetForCurrentView().SetLayoutBounds( ApplicationViewLayoutBounds.CoreWindowBounds);

72 Soft buttons are hidden Any touch on the screen brings up the soft buttons and transport controls

73

74

75 Color="{ThemeResource SystemColorControlAccentColor}" "{StaticResource PhoneAccentBrush}" SystemColorControlAccentColor

76

77

78 Light/dark resources update on app resume

79

80 <StackPanel RequestedTheme="Light"> </StackPanel>

81 Zadaća

82 Hvala na domagoj.eu