界面组件Telerik UI for WPF R1 2023——让导航栏变得更智能！
Telerik UI for WPF拥有超过100个控件来创建美观、高性能的桌面应用程序同时还能快速构建企业级办公WPF应用程序。UI for WPF支持MVVM、触摸等创建的应用程序可靠且结构良好非常容易维护其直观的API将无缝地集成Visual Studio工具箱中。想要为您的WPF应用程序创建一个智能导航栏让它像微软Outlook应用程序那样使用不用到处寻找了Telerik UI for WPF R1 2023中新发布的这个RadOfficeNavigationBar组件也许能帮您做到Telerik UI for WPF在最新的R1 2023中发布了一个RadOfficeNavigationBar组件这个组件可以为任何WPF应用程序创建更直观的导航同时具有可单击的导航项每个导航项都提供了调用特定功能的能力并显示一个完全可自定义的Peek弹出窗口其中包含有用的信息。直观的导航任务直观的导航对于任何应用程序的成功都是至关重要的它可以帮助最终用户以快速和简单的方式查找信息这样的导航会提高用户的满意度并增加进一步使用应用程序的意愿。这就是RadOfficeNavigationBar派上用场的地方让我们一起来详细了解一下吧!紧凑与否首先有必要介绍可以选择的可能模式以指定项目的可视化方式。有一个默认模式它只显示文本项。还有一个只有图标的紧凑的选项这是由IsInCompactMode属性启用的。当选择此模式时RadOfficeNavigationBar将使用每个RadOfficeNavigationBarItem元素的CompactContent、CompactContentTemplate和CompactContentTemplateSelector属性的指定值。但是如果用更复杂的结构达到下一个层次呢实验一下ContentTemplatetelerik:RadOfficeNavigationBar HorizontalAlignmentLeft HorizontalContentAlignmentLeft BackgroundWhite telerik:RadOfficeNavigationBarItem ContentMail telerik:RadOfficeNavigationBarItem.ContentTemplate DataTemplate StackPanel OrientationHorizontal telerik:RadGlyph Glyph#xe809; Foreground#9A59B5/ TextBlock Text{Binding} Foreground#8D44AD Margin5 0 0 0/ /StackPanel /DataTemplate /telerik:RadOfficeNavigationBarItem.ContentTemplate /telerik:RadOfficeNavigationBarItem telerik:RadOfficeNavigationBarItem ContentCalendar telerik:RadOfficeNavigationBarItem.ContentTemplate DataTemplate StackPanel OrientationHorizontal telerik:RadGlyph Glyph#xe63f; Foreground#3598DB/ TextBlock Text{Binding} Foreground#297FB8 Margin5 0 0 0/ /StackPanel /DataTemplate /telerik:RadOfficeNavigationBarItem.ContentTemplate /telerik:RadOfficeNavigationBarItem telerik:RadOfficeNavigationBarItem ContentContacts telerik:RadOfficeNavigationBarItem.ContentTemplate DataTemplate StackPanel OrientationHorizontal telerik:RadGlyph Glyph#xe801; Foreground#2DCC70/ TextBlock Text{Binding} Foreground#27AE61 Margin5 0 0 0/ /StackPanel /DataTemplate /telerik:RadOfficeNavigationBarItem.ContentTemplate /telerik:RadOfficeNavigationBarItem /telerik:RadOfficeNavigationBar结果如下预览可用Peek Calloutoffice导航栏可以显示一个Peek Callout弹出预览窗口当然它可以满足各种需求。当用户将鼠标悬停在office导航栏项上时弹出窗口将出现。它可以显示你选择的内容——想要的任何东西都可以显示只需要通过设置IsPeekPopupEnabled属性为True来启用它。由于弹出窗口是使用RadCallout这意味着可以自由地创建各种不同形状的弹出窗口外观并调整每个细节通过PeekPopupStyle实现完美的Peek Callout布局。三个点注意到那三个点了吗?单击它们会打开导航选项对话框开发者可以选择控件的模式-压缩或默认希望显示多少项以及它们的显示顺序。完成后请确保单击OK确认所有操作。溢出拥有太多的项很麻烦把它们放在一个小的应用空间就更困难了。RadOfficeNavigationBar的溢出菜单可以帮助开发者解决这个问题它可以帮助您控制导航栏中的可见项和它们出现的顺序。重新排序IsDragReorderEnabled属性可以帮助开发者在不使用导航选项对话框的情况下来改变项目的排列顺序启用它就可以了。另一个重要的事情是为每个RadOfficeNavigationBarItem元素设置DragDropManager.AllowCapturedDrag附加属性。telerik:RadOfficeNavigationBar x:NameradOfficeNavigationBar IsDragReorderEnabledTrue Grid.Row3 Margin30 HorizontalAlignmentLeft HorizontalContentAlignmentleft telerik:RadOfficeNavigationBar.ItemContainerStyle !--Set BasedOn property if NoXaml assemblies are used: BasedOn{StaticResource RadOfficeNavigationBarItemStyle}-- Style TargetTypetelerik:RadOfficeNavigationBarItem Setter Propertytelerik:DragDropManager.AllowCapturedDrag ValueTrue/ Setter PropertyMinWidth Value50/ /Style /telerik:RadOfficeNavigationBar.ItemContainerStyle telerik:RadOfficeNavigationBar.Items telerik:RadOfficeNavigationBarItem ContentMail / telerik:RadOfficeNavigationBarItem ContentCalendar / telerik:RadOfficeNavigationBarItem ContentPeople/ telerik:RadOfficeNavigationBarItem ContentNotes/ telerik:RadOfficeNavigationBarItem ContentTasks/ /telerik:RadOfficeNavigationBar.Items /telerik:RadOfficeNavigationBar皮肤改变office导航栏可以拥有很多不同的皮肤UI for the WPF主题套件的RadOfficeNavigaion也能提供各种各样的UI使用ColorThemeGenerator来尝试不同的颜色。组合你知道RadOfficeNavigationBar和RadNavigationView形成了一个很棒的组合吗导航栏只是一个补充以导航视图的底部导航面板。我们来看看这是什么样子?
