使用 XAML 进行面包屑导航控制

发布于 2024-11-09 18:26:05 字数 373 浏览 0 评论 0原文

我想实现一个如下所示的面包屑控件:

example breadcrumb design

它应该符合以下标准:

  • 它应该是易于将关卡推送和弹出到堆栈
  • 当前关卡应该有替代样式
  • 所有父关卡都应该有一个很好的鼠标悬停在
  • 每个关卡的宽度上应该随着其内容灵活增长
  • (可选)在有限的宽度上,内容应该应用文本删除

现在,我正在使用水平 StackPanel,只需添加样式按钮。但我没有看到实现重叠设计的直接方法。

您对要使用的 XAML 结构和 XAML 控件有何看法?

I want to implement a breadcrumb control that looks like the following:

example breadcrumb design

It should match the following criteria:

  • it should be easy to push and pop levels to the stack
  • the current level should have an alternative style
  • all parent levels should have a nice mouse over
  • the width of each level should grow flexibly with it's content
  • (Optional) on limited width, the content should apply text elide

Right now, I am using a horizontal StackPanel and just add styled buttons. But I don't see a straight forward way of achieving the overlapped design.

What would be your take on the XAML-structure and the XAML-controls to use?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

放手` 2024-11-16 18:26:05

您可以实现从 TabControl 扩展的自定义 BreadCrumb。

检查此链接

You cam implement a custom BreadCrumb extending from TabControl.

Check the this link.

爱给你人给你 2024-11-16 18:26:05

我将使用一个使用水平 StackPanel 作为其 ItemsPanel 的 ItemsControl,以及 DataTemplate 中的一些样式按钮。明智地使用负边距应该会给你带来重叠的效果。

An ItemsControl using a horizontal StackPanel as its ItemsPanel, and some styled buttons in the DataTemplate is what I'd use. Judicious use of negative margins should give you the overlapping effect.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文