WPF interface development in 2020, how to deepen the use of toolbars and data editors?

Download DevExpress v19.2 full version

In this series of articles, the editor will give you a detailed introduction to some of the features provided in the next major version (v20.1), thank you for your long-term trust and support for DevExpress WPF components, early access and CTP versions are only used for early For testing purposes, it cannot be used in a production environment. This version can be installed side by side with other major versions of DevExpress products. Before installing the Early Access and CTP versions, please back up your project and other important data.

WPF Ribbon和Toolbars

Appearance options

In this version (v20.1), you can fully customize the appearance of Ribbon, Toolbar, and BarItems through the following properties:

  • Background,
  • BorderBrush,
  • BorderThickness,
  • CornerRadius,
  • Foreground,
  • Margin,
  • Padding.

You can also use triggers to control the appearance of BarItem based on custom conditions, mouse input, and visual status.

WPF Ribbon-Enhanced background view function

You can now display the glyph of the Backstage tab item title, and you can also display the tab item title at the top or bottom of BackstageView.

DevExpress WPF usage skills tutorial

Compact SVG statement

Now you can specify SVG icons using compact definitions:

<dxb:BarContainerControl>
<dxb:MainMenuControl>
<!-- The old SVG definition -->
<dxb:BarButtonItem Glyph="{dx:SvgImageSource Uri=Images/Notebook1.svg}"/>
<!-- The new SVG definition -->
<dxb:BarButtonItem Glyph="Images/Notebook2.svg"/>
</dxb:MainMenuControl>
</dxb:BarContainerControl>

SVG image source can be bound to Strings, Uris and Streams, you can bind ImageSource to ViewModel without creating IValueConverter.

WPF Data Editors

WPF DateEdit-operating mode glyph

In this version (v20.1), the WPF date editing drop-down button displays different glyphs for different operating modes.

DevExpress WPF usage skills tutorial

WPF TrackBarEdit

WPF TrackBar Editor can draw a label next to the tick mark and display a tooltip with the current value when the user drags the thumb.

DevExpress WPF usage skills tutorial

You can use the following new APIs to fully customize label content and appearance settings:

Other editor enhancements

  • WPF ListBox Edit, ComboBox Edit and Lookup Edit now include ItemsSourceChanged events.
  • The end user can triple-click to select the entire line of text in WPF TextEdit.
  • Improved text selection in the editor with shielded input.
WPF Themes

New default theme

v20.1 changed the default theme to Office2019Colorful. Unlike the previous default theme (Office2016White), Office2019Colorful supports color palette, lightweight templates, and standard WPF control customization with Background, BorderBrush, and BorderThickness properties.

You can use the CompatibilitySettings.LegacyDefaultTheme property to return to the previous default theme.


DevExpress Dashboard control practical operation open class will be opened in April, experts live online

DevExpress technical exchange group: 540330292 Welcome to join the group discussion

Scan to follow the WeChat public account of DevExpress Chinese network to get the latest news and information in time

DevExpress Chinese Web WeChat

Guess you like

Origin www.cnblogs.com/AABBbaby/p/12717945.html