Никита Бондаренко. Windows Mobile Developer в Digital Cloud Technologies.

1. one application for all platforms
WINDOWS 10

2. STRUCTURE OF THE PROJECT

3. UI
Helpers
ViewModels
DataAccess
Models
Resources

5. DIFFERENT INTERFACE
IMPLEMENTATION

6. н е фе а
Views
MainPage.xaml
MainPage.xaml.cs
DeviceFamily-Mobile
MainPage.xaml

7. START POINT

8. sealed partial class App : Application {
public App() {
this.InitializeComponent();
this.Suspending += this.OnSuspending;
this.UnhandledException += this.OnUnhandledException;
}
OnActivated(IActivatedEventArgs args)
OnLaunched(LaunchActivatedEventArgs e)
OnSuspending(object sender, SuspendingEventArgs e)
OnFileActivated(FileActivatedEventArgs e)
OnUnhandledException(object sender,
UnhandledExceptionEventArgs e)
}

9. LIFE CYCLE

10. Running
SuspendedNotRunning
Resuming
SuspendedActivated

11. VIEWMODELS

12. HOW TO CHANGE THE
INTERFACE?

13. INotifyPropertyChanged
event PropertyChangedEventHandler
PropertyChanged;
INotifyPropertyChanged

14. BINDING

15. <Page.Resources>
<viewModels:NewsViewModel x:Key="NewsViewModel" />
</Page.Resources>
<Page.DataContext>
<Binding Source="{StaticResource NewsViewModel}" />
</Page.DataContext>
<TextBlock Text="{Binding Title}" />
<GridView ItemsSource="{Binding News}" />

16. UI

18. <Page x:Class="Test.MainPage">
<Grid Background="Black">
<RelativePanel>
<Border x:Name="leftBlock"
Width="100"
Height="100"
BorderBrush="Red“
Background="Green"
BorderThickness="2" />
<Ellipse Fill="Aqua"
Width="100"
Height="100"
Stroke="Yellow"
StrokeThickness="2"
RelativePanel.RightOf="leftBlock" />
</RelativePanel>
</Grid>
</Page>

19. VISUAL STATES

20. Н Е ФЕ
<VisualState>
<VisualState.StateTriggers>
<AdaptiveTrigger MinWindowWidth="0" />
</VisualState.StateTriggers>
<VisualState.Setters>
<Setter Value=""
Target="ellipse.(RelativePanel.RightOf)" />
<Setter Value="leftBlock"
Target="ellipse.(RelativePanel.Below)" />
<Setter Value="Black"
Target="ellipse.Fill" />
</VisualState.Setters>
</VisualState>
<VisualState>
<VisualState.StateTriggers>
<AdaptiveTrigger MinWindowWidth="700" />
</VisualState.StateTriggers>
</VisualState>

21. BEHAVIORS & TRIGGERS

22. <TextBox BorderThickness="2">
<interactivity:Interaction.Behaviors>
<interaction:EventTriggerBehavior EventName="GotFocus">
<interaction:ChangePropertyAction PropertyName="BorderBrush"
Value="Green" />
</interaction:EventTriggerBehavior>
<interaction:EventTriggerBehavior EventName="LostFocus">
<interaction:ChangePropertyAction PropertyName="BorderBrush"
Value="White" />
</interaction:EventTriggerBehavior>
</interactivity:Interaction.Behaviors>
</TextBox>
xmlns:interactivity="using:Microsoft.Xaml.Interactivity“
xmlns:interaction="using:Microsoft.Xaml.Interactions.Core"

23. CONVERTERS

24. <TextBlock Text="{Binding CreatedDate,
Converter={StaticResource
DateTimeToStringConverter}}" />

25. public class DateTimeToStringConverter : IValueConverter {
public object Convert(object value,
Type targetType,
object parameter,
string language) {
var result = string.Empty;
if (value != null) {
DateTime date;
if (DateTime.TryParse(value.ToString(), out date)) {
result = string.Format("H:mm:ss", date);
}
}
return result;
}
}

26. STYLES AND TEMPLATES

27. <DataTemplate>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<ColumnDefinition />
</Grid.ColumnDefinitions>
<Image Source="{Binding Image}" />
<TextBlock Grid.Column="1“
Text="{Binding Title}" />
</Grid>
</DataTemplate>

28. <DataTemplate x:DataType="local:Fruit">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<ColumnDefinition />
</Grid.ColumnDefinitions>
<Image Source="{x:Bind Image}" />
<TextBlock Grid.Column="1“
Text="{x:Bind Title}" />
</Grid>
</DataTemplate>

29. x:Bind Binding x:Bind BindingNo bindings
one time one way
4
6
12
10
8
0
mb

30. THEMES

31. <ResourceDictionary>
<ResourceDictionary.ThemeDictionaries>
<ResourceDictionary x:Key="Light">
<SolidColorBrush x:Key="ThemeBrush" Color="Black"/>
</ResourceDictionary>
<ResourceDictionary x:Key="Dark">
<SolidColorBrush x:Key="ThemeBrush" Color="White"/>
</ResourceDictionary>
<ResourceDictionary x:Key="HighContrast">
<SolidColorBrush x:Key="ThemeBrush" Color="Red"/>
</ResourceDictionary>
</ResourceDictionary.ThemeDictionaries>
</ResourceDictionary>

32. .NET NATIVE

33. was is

34. <Directives>
<Application>
<Assembly Name="*Application*"
Serialize="Required All" />
<Namespace Name="GoogleNews.Models"
Serialize="All" />
<Type Name="GoogleNews.Models.News“
DataContractJsonSerializer="Public" />
</Application>
</Directives>

35. FEATURES

36. lock screen

37. tiles

38. toasts

41. background

42. sharing

43. WHAT NEXT?

44. resources
https://msdn.microsoft.com/en-us/windows/uwp/get-
started/universal-application-platform-guide
https://msdn.microsoft.com/en-us/windows/
uwp/layout/design-and-ui-intro
https://github.com/Microsoft/Windows-
universal-samples
https://blogs.windows.com/buildingapps/2015/08/20/net-
native-what-it-means-for-universal-windows-platform-
uwp-developers/

45. THANKS