Xaml novinky ve Windows 10 MsFest 2015

1. XAML NOVINKY VE WINDOWS 10
Jiří Danihelka
MsFest 2015

2. NEW CONTAIRNES
IN WINDOWS 10

3. SplitPane

4. SplitView

5. SplitView
IsPaneOpen="True" IsPaneOpen="False"
DisplayMode=
"Inline"
DisplayMode=
"Overlay"
DisplayMode=
"CompactInline"
DisplayMode=
"CompactOverlay"

6. RelativePanel

7. RelativePanel

8. Pivot

9. Hub element

10. Hub element
• <Hub Header=“Beaches of the World”>
<HubSection Width=“600” Header=“Latest travel news”>
</HubSection>
<HubSection>
...
</HubSection>
...
</Hub>

11. NEW CONTROLS
IN WINDOWS 10

12. AppBar a CommandBar
• <AppBar />
• <CommandBar />
• <AppBarButton Label="" Icon="" />
• <AppBarToggleButton IsChecked="" />
• <AppBarSeparator />
• Vektorové ikony
<FontIcon Glyph="" />

13. AutoSuggestBox
• <AutoSuggestBox
Name="myAutoSuggestBox"
QueryIcon="Find"
PlaceholderText="search here"
TextChanged ="myAutoSuggestBox_TextChanged">
</AutoSuggestBox>

14. AutoSuggestBox
• private string[] boxitems = new string[] { "January", "February", "March",
"April", "May", "June", "July", "August", "September", "October",
"November", "December" };
var autoSuggestBox = (AutoSuggestBox)sender;
var filtered = boxitems.Where(p => p.StartsWith(autoSuggestBox.Text,
StringComparison.OrdinalIgnoreCase)).ToArray();
autoSuggestBox.ItemsSource = filtered;

15. Date and Time Pickers
• <CalendarView />
• <DatePicker Date="" />
• <TimePicker Time="" />

16. MapControl

17. <InkCanvas/>

18. PasswordBox
• passwordBox.PasswordRevealMode = PasswordRevealMode.Peek;
• passwordBox.PasswordRevealMode = PasswordRevealMode.Hidden;
• passwordBox.PasswordRevealMode = PasswordRevealMode.Visible;

19. NEW DIALOGS
IN WINDWOS 10

20. ContentDialog

21. Nastavení barev záhlaví okna
• var v = Windows.UI.ViewManagement.ApplicationView.getForCurrentView();
v.titleBar.buttonBackgroundColor = Windows.UI.Colors.green;
v.titleBar.buttonForegroundColor = Windows.UI.Colors.yellow;
v.titleBar.backgroundColor = Windows.UI.Colors.indianRed;
v.titleBar.foregroundColor = Windows.UI.Colors.cyan;
• var v = Windows.UI.ViewManagement.ApplicationView.GetForCurrentView();
var allProperties = v.GetType().GetRuntimeProperties();
var titleBar = allProperties.FirstOrDefault(x => x.Name == "TitleBar");
if (titleBar == null) return;
dynamic titleBarInst = titleBar.GetMethod.Invoke(v, null);
titleBarInst.BackgroundColor = Colors.CornflowerBlue;
titleBarInst.ForegroundColor = Colors.Red;
titleBarInst.ButtonBackgroundColor = Colors.DimGray;
titleBarInst.ButtonForegroundColor = Colors.Orange;

22. Vypnutí záhlaví okna
• titleBarInst.ExtendViewIntoTitleBar = true;

23. GENERAL XAML
IMPROVEMENTS

24. Compiled data bindings
• Umožňují kombinovat XAML a C#
<TextBlock Text=“{x:Bind Zakaznik.Adresa.ToString()}” />
• Silně typová kontrola
• Vyhodnotí se během kompilace
• Je možné debugovat za běhu

25. XAML perspektivní transformace

26. Další zdroje informací
• MVA: A Developer's Guide to Windows 10 – verze A
• https://mva.microsoft.com/en-US/training-courses/a-developer-s-guide-
to-windows-10-12618
• MVA: Designing Your XAML UI with Blend – verze B
https://mva.microsoft.com/training-courses/a-developers-guide-to-
windows-10
• Channel 9: Windows 10 development for absolute beginners
https://channel9.msdn.com/Series/Windows-10-development-for-
absolute-beginners
• EdX: Developing Windows 10 Universal Apps
https://www.edx.org/course/developing-windows-10-universal-apps-
microsoft-dev209-1x

27. DOTAZY?