shawn burke product unit manager microsoft corporation pc35
Post on 19-Dec-2015
218 views
TRANSCRIPT
![Page 1: Shawn Burke Product Unit Manager Microsoft Corporation PC35](https://reader036.vdocuments.site/reader036/viewer/2022062516/56649d3e5503460f94a1716e/html5/thumbnails/1.jpg)
Silverlight Control Roadmap
Shawn BurkeProduct Unit ManagerMicrosoft Corporation
PC35
![Page 2: Shawn Burke Product Unit Manager Microsoft Corporation PC35](https://reader036.vdocuments.site/reader036/viewer/2022062516/56649d3e5503460f94a1716e/html5/thumbnails/2.jpg)
Introducing the Controls Team How we ship code PDC Controls
Controls from WPF New Controls
Styling support Future Plans
MIX Controls WPF work
Introduction
![Page 3: Shawn Burke Product Unit Manager Microsoft Corporation PC35](https://reader036.vdocuments.site/reader036/viewer/2022062516/56649d3e5503460f94a1716e/html5/thumbnails/3.jpg)
Controls Team dedicated to driving controls on WPF and Silverlight Will deliver a “Silverlight Toolkit” and “WPF
Toolkit” Goal is to ship controls frequently, out of
band from major releases Ship with source, unit tests, and samples Best/most used controls will be delivered
into platform
Focusing on Controls
![Page 4: Shawn Burke Product Unit Manager Microsoft Corporation PC35](https://reader036.vdocuments.site/reader036/viewer/2022062516/56649d3e5503460f94a1716e/html5/thumbnails/4.jpg)
Delivery Model
CodePlex Project
New Controls
Iterative releases (6-8w)
Component “Quality Bands”ExperimentalPreviewStableMature
SDK/Tools Release
• Customer Feedback Driven• May include new components• “No-brainer” upgrade
• “Mature” band controls delivered with SDK/Tools
• Customers can replace with CodePlex release for full control package
Core RuntimeSome controls may move to core runtime
![Page 5: Shawn Burke Product Unit Manager Microsoft Corporation PC35](https://reader036.vdocuments.site/reader036/viewer/2022062516/56649d3e5503460f94a1716e/html5/thumbnails/5.jpg)
Silverlight Toolkit Walkthrough
demo
![Page 6: Shawn Burke Product Unit Manager Microsoft Corporation PC35](https://reader036.vdocuments.site/reader036/viewer/2022062516/56649d3e5503460f94a1716e/html5/thumbnails/6.jpg)
DockPanel WrapPanel TreeView Expander Label ViewBox HeaderedContentControl HeaderedItemsControl
WPF Partity Controls
![Page 7: Shawn Burke Product Unit Manager Microsoft Corporation PC35](https://reader036.vdocuments.site/reader036/viewer/2022062516/56649d3e5503460f94a1716e/html5/thumbnails/7.jpg)
DockPanel docks children to a particular side via an attached property
IsLastChildFill property sets last child to fill remaining space
DockPanel
LeftTop
Right
![Page 8: Shawn Burke Product Unit Manager Microsoft Corporation PC35](https://reader036.vdocuments.site/reader036/viewer/2022062516/56649d3e5503460f94a1716e/html5/thumbnails/8.jpg)
Using DockPanel
<controls:DockPanel LastChildFill=“False” >
<Border controls:DockPanel.Dock="Left“ Background="Yellow" Width="100"/>
<Border controls:DockPanel.Dock="Top“ Background="Green" Height="100"/>
<Border controls:DockPanel.Dock="Right" Background="Purple" Width="100" />
</controls:DockPanel>
As Above: Reverse Order:
![Page 9: Shawn Burke Product Unit Manager Microsoft Corporation PC35](https://reader036.vdocuments.site/reader036/viewer/2022062516/56649d3e5503460f94a1716e/html5/thumbnails/9.jpg)
Expander allows the expand/collapse of content in one of four directions
Has Header and Content area
Expander
![Page 10: Shawn Burke Product Unit Manager Microsoft Corporation PC35](https://reader036.vdocuments.site/reader036/viewer/2022062516/56649d3e5503460f94a1716e/html5/thumbnails/10.jpg)
Using Expander
<controls:Expander ExpandDirection="Down" Header="Tasks">
<Border Width="100" Background="#BFFFFFFF" BorderBrush="#FF000000" CornerRadius="3,3,3,3"
BorderThickness="1,1,1,1"> <StackPanel> <HyperlinkButton Content="Do this" FontSize="14"/> <HyperlinkButton Content="Do that" FontSize="14"/> <HyperlinkButton Content="Do it all" FontSize="14"/> </StackPanel> </Border> </controls:Expander>
![Page 11: Shawn Burke Product Unit Manager Microsoft Corporation PC35](https://reader036.vdocuments.site/reader036/viewer/2022062516/56649d3e5503460f94a1716e/html5/thumbnails/11.jpg)
TreeView allows a nested hierarchy of templatable nodes
Each node is a HeaderedItemsControl
TreeView
![Page 12: Shawn Burke Product Unit Manager Microsoft Corporation PC35](https://reader036.vdocuments.site/reader036/viewer/2022062516/56649d3e5503460f94a1716e/html5/thumbnails/12.jpg)
Using TreeView
<controls:TreeView SelectedValuePath="Classification”> <controls:TreeView.ItemTemplate> <controls:HierarchicalDataTemplate
ItemsSource="{Binding Subclasses}"> <StackPanel> <TextBlock Text="{Binding Rank}"
Foreground="Gray" Margin="0 0 0 -5" /> <TextBlock Text="{Binding Classification}" /> </StackPanel> </controls:HierarchicalDataTemplate> </controls:TreeView.ItemTemplate> </controls:TreeView>
![Page 13: Shawn Burke Product Unit Manager Microsoft Corporation PC35](https://reader036.vdocuments.site/reader036/viewer/2022062516/56649d3e5503460f94a1716e/html5/thumbnails/13.jpg)
New controls for Silverlight at PDC: AutoComplete Charting NumericUpDown
These controls will be made available on WPF WPF versions will take advantage of WPF
capabilities where appropriate
New Silverlight Controls
![Page 14: Shawn Burke Product Unit Manager Microsoft Corporation PC35](https://reader036.vdocuments.site/reader036/viewer/2022062516/56649d3e5503460f94a1716e/html5/thumbnails/14.jpg)
AutoComplete
Standard AutoCompleteItemsSource set to a list of stringsIsTextSearchEnabled is set to true
Easy to style with data templatesItemsSource is a set of Photograph objectsCustom DataTemplate
Very customizableCan use an adapter to put anything inside the drop down – including a DataGrid
Above: an AutoComplete ComboBox control (custom template)
![Page 15: Shawn Burke Product Unit Manager Microsoft Corporation PC35](https://reader036.vdocuments.site/reader036/viewer/2022062516/56649d3e5503460f94a1716e/html5/thumbnails/15.jpg)
Using AutoComplete
<controls:AutoComplete MinWidth="300" MinimumPrefixLength="1" MinimumPopulateDelay="0" ItemsSource="{StaticResource MonthsObjectCollection}"/>
![Page 16: Shawn Burke Product Unit Manager Microsoft Corporation PC35](https://reader036.vdocuments.site/reader036/viewer/2022062516/56649d3e5503460f94a1716e/html5/thumbnails/16.jpg)
Charting
Supports Line, Pie, Column, Scatter charts Heavy focus on architecture allows easily
adding more chart types Chart types are extensible, templatable
![Page 17: Shawn Burke Product Unit Manager Microsoft Corporation PC35](https://reader036.vdocuments.site/reader036/viewer/2022062516/56649d3e5503460f94a1716e/html5/thumbnails/17.jpg)
Using Charts
<controls:ObjectCollection x:Key=“AssetValues"> <local:Assets Type="Stocks" Value="10000“/> <local:Assets Type="Bonds" Value="2124“/> <local:Assets Type="Cash" Value="22000“/></controls:ObjectCollection><charting:Chart><charting:Chart.Series> <charting:ColumnSeries ItemsSource="{StaticResource BasicValues}"
DependentValueBinding="{Binding Value}" IndependentValueBinding="{Binding Type}"
Title="Portfolio“> </charting:ColumnSeries></charting:Chart.Series></charting:Chart><charting:Chart ><charting:Chart.Series> <charting:PieSeries ItemsSource="{StaticResource BasicValues}“ DependentValueBinding="{Binding Value}" IndependentValueBinding="{Binding Type}" Title="Portfolio“> </charting:PieSeries></charting:Chart.Series></charting:Chart>
![Page 18: Shawn Burke Product Unit Manager Microsoft Corporation PC35](https://reader036.vdocuments.site/reader036/viewer/2022062516/56649d3e5503460f94a1716e/html5/thumbnails/18.jpg)
Controls in Action
demo
![Page 19: Shawn Burke Product Unit Manager Microsoft Corporation PC35](https://reader036.vdocuments.site/reader036/viewer/2022062516/56649d3e5503460f94a1716e/html5/thumbnails/19.jpg)
Challenge: make it easy to theme an application in Silverlight Silverlight doesn’t currently support WPF’s
‘implicit styling’ functionality New pack of 6 themes work with ISM to
easily theme your application
Styling Support
Before: After:
![Page 20: Shawn Burke Product Unit Manager Microsoft Corporation PC35](https://reader036.vdocuments.site/reader036/viewer/2022062516/56649d3e5503460f94a1716e/html5/thumbnails/20.jpg)
Applying Themes
<UserControlxmlns:barberred="clr-namespace:Microsoft.Windows.Controls;
assembly=Microsoft.Windows.Controls.Theming.BarberRed“/>
<barberred:BarberRedTheme><StackPanel Grid.Row="0" Orientation="Horizontal">
<CheckBox Content="CheckBox"/> <Button Content="Button" Height="22" Width="43"/> <ComboBox Height="22"
ItemsSource="{StaticResource stuff}“/> <RadioButton Content="RadioButton"/> </StackPanel>
< … /> </barberred:BarberRedTheme></UserControl>
![Page 21: Shawn Burke Product Unit Manager Microsoft Corporation PC35](https://reader036.vdocuments.site/reader036/viewer/2022062516/56649d3e5503460f94a1716e/html5/thumbnails/21.jpg)
Styling
demo
![Page 22: Shawn Burke Product Unit Manager Microsoft Corporation PC35](https://reader036.vdocuments.site/reader036/viewer/2022062516/56649d3e5503460f94a1716e/html5/thumbnails/22.jpg)
Updating the Silverlight Toolkit
Already working on update release Fix major issues Add new components that didn’t make it into PDC
Accordion ListView
Charting improvements Designer (Blend, VS) experience improvements Integtration of SDK controls
Tab GridSplitter Calendar DatePicker
![Page 23: Shawn Burke Product Unit Manager Microsoft Corporation PC35](https://reader036.vdocuments.site/reader036/viewer/2022062516/56649d3e5503460f94a1716e/html5/thumbnails/23.jpg)
Proposed Controls – MIX09
Below is our current thinking – not set in stone at this point
MIX Timeframe MediaPlayer TimePicker Carousel Rating MaskedTextBox
![Page 24: Shawn Burke Product Unit Manager Microsoft Corporation PC35](https://reader036.vdocuments.site/reader036/viewer/2022062516/56649d3e5503460f94a1716e/html5/thumbnails/24.jpg)
Proposed Controls – Future
InPlaceEditing AppointmentCalendar ImageMap FileUpload Menu Slideshow
![Page 25: Shawn Burke Product Unit Manager Microsoft Corporation PC35](https://reader036.vdocuments.site/reader036/viewer/2022062516/56649d3e5503460f94a1716e/html5/thumbnails/25.jpg)
WPF Plans
Charting, AutoCompleteBox on WPF Aligning work with WPF team on Ribbon,
DataGrid, DatePicker Themes for WPF Committed to delivering value on WPF and
Silverlight
![Page 26: Shawn Burke Product Unit Manager Microsoft Corporation PC35](https://reader036.vdocuments.site/reader036/viewer/2022062516/56649d3e5503460f94a1716e/html5/thumbnails/26.jpg)
Evals & Recordings
Please fill
out your
evaluation for
this session at:
This session will be available as a recording at:
www.microsoftpdc.com
![Page 27: Shawn Burke Product Unit Manager Microsoft Corporation PC35](https://reader036.vdocuments.site/reader036/viewer/2022062516/56649d3e5503460f94a1716e/html5/thumbnails/27.jpg)
Please use the microphones provided
Q&A
![Page 28: Shawn Burke Product Unit Manager Microsoft Corporation PC35](https://reader036.vdocuments.site/reader036/viewer/2022062516/56649d3e5503460f94a1716e/html5/thumbnails/28.jpg)
© 2008 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.
![Page 29: Shawn Burke Product Unit Manager Microsoft Corporation PC35](https://reader036.vdocuments.site/reader036/viewer/2022062516/56649d3e5503460f94a1716e/html5/thumbnails/29.jpg)