16 April, 2010

Silverlight Toolbar and Menu Control - v2010 vol 1

Continuing our DXperience v2010.1 sneak peeks, we’ll now look at the new Toolbar and Menu Library - Bars.
Grown out of DXBars for WPF, this library is now an essential part of XPF. It will live in the DevExpress.Xpf.Core and will be used by other products in the suite where a menu UI is required.
Silverlight/WPF Toolbar and Menu Control
Main Menu and Toolbar Style Bars, Drag & Drop, Floating Bars and a build-in Microsoft Office Style Customization Window are all supported and the efforts to get data editors for Silverlight out first (in v2009.x) are now paying off :) W00t!
The key concepts of the Bars library did not change in XPF. And if you are coming from WinForms, you will find the same familiar structure (well in XAML of course :)).
<dxb:BarManager Name="barManager">
<dxb:BarManager.Categories>
<dxb:BarManagerCategory Name="Default" />
dxb:BarManager.Categories>
<dxb:BarManager.Items>
<dxb:BarButtonItem Name="fileNewMenuItem" CategoryName="File" Content="New" Glyph="New_16x16.png"/>
<dxb:BarButtonItem Name="fileOpenMenuItem" CategoryName="File" Content="Open" Glyph="Open_16x16.png"/>
<dxb:BarSubItem Name="fileMenuItem" CategoryName="Default" Content="File">
<dxb:BarSubItem.ItemLinks>
<dxb:BarButtonItemLink BarItemName="fileNewMenuItem"/>
<dxb:BarButtonItemLink BarItemName="fileOpenMenuItem"/>
<dxb:BarItemLinkSeparator>dxb:BarItemLinkSeparator>
<dxb:BarButtonItemLink BarItemName="fileCloseMenuItem"/>
dxb:BarSubItem.ItemLinks>
dxb:BarSubItem>
dxb:BarManager.Items>
<dxb:BarManager.Bars>
<dxb:Bar Caption="Main Menu" x:Name="menuBar" IsMainMenu="True" UseWholeRow="True">
<dxb:Bar.DockInfo>
<dxb:BarDockInfo ContainerType="Top"/>
dxb:Bar.DockInfo>
<dxb:Bar.ItemLinks>
<dxb:BarSubItemLink BarItemName="fileMenuItem"/>
dxb:Bar.ItemLinks>
dxb:Bar>
dxb:BarManager.Bars>

dxb:BarManager>

and embedding an editor…
<dxb:BarEditItem Name="editFontSizeItem" CategoryName="Format" Content="Font Size:">
<dxb:BarEditItem.EditSettings>
<dxes:ComboBoxEditSettings x:Name="fontSizeSettings"/>
dxb:BarEditItem.EditSettings>
dxb:BarEditItem>
YWVPJV9HDHHY

No comments:

Post a Comment

Suggestions are invited from readers