基于WPF实现面包屑效果的示例代码

 更新时间:2023年04月26日 09:49:48   作者:WPF开发者  
这篇文章主要为大家详细介绍了如何基于WPF实现面包屑效果,文中的示例代码讲解详细,对我们学习或工作有一定帮助,感兴趣的小伙伴可以了解一下
(福利推荐:【腾讯云】服务器最新限时优惠活动,云服务器1核2G仅99元/年、2核4G仅768元/3年,立即抢购>>>:9i0i.cn/qcloud

(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun

WPF 简单实现面包屑

框架使用.NET4 至 .NET6

Visual Studio 2022;

面包屑展示使用控件如下:

  • Button 做首页按钮,当点击时回到首页。
  • ItemsControl 做面包屑 Item 展示,DataTemplate -> Hyperlink > 做点击时回到当前 Item

ListView 展示当前 Item 的子项,也可以换做 ListBox 控件或其他。

效果图

实现代码

1)创建 BreadCrumbBarExample.xaml 代码如下:

<wd:Window?x:Class="WpfApp1.BreadCrumbBarExample"
????????xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
????????xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
????????xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
????????xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
????????xmlns:wd="https://github.com/WPFDevelopersOrg/WPFDevelopers"
????????xmlns:local="clr-namespace:WpfApp1"
????????mc:Ignorable="d"
????????Title="BreadCrumbBarExample?-?面包屑"?Height="450"?Width="800">
????<Grid>
????????<Grid.RowDefinitions>
????????????<RowDefinition?Height="Auto"/>
????????????<RowDefinition/>
????????</Grid.RowDefinitions>
????????<Grid?Margin="0,5">
????????????<Grid.ColumnDefinitions>
????????????????<ColumnDefinition?Width="Auto"/>
????????????????<ColumnDefinition/>
????????????</Grid.ColumnDefinitions>
????????????<Button?Style="{StaticResource?PathButton}"?ToolTip="主页"
????????????????????Click="btnHome_Click"?Cursor="Hand">
????????????????<Path?Data="M804.571?566.857v274.286q0?14.857-10.857?25.714t-25.714?10.857h-219.429v-219.429h-146.286v219.429h-219.429q-14.857?0-25.714-10.857t-10.857-25.714v-274.286q0-0.571?0.286-1.714t0.286-1.714l328.571-270.857?328.571?270.857q0.571?1.143?0.571?3.429zM932?527.429l-35.429?42.286q-4.571?5.143-12?6.286h-1.714q-7.429?0-12-4l-395.429-329.714-395.429?329.714q-6.857?4.571-13.714?4-7.429-1.143-12-6.286l-35.429-42.286q-4.571-5.714-4-13.429t6.286-12.286l410.857-342.286q18.286-14.857?43.429-14.857t43.429?14.857l139.429?116.571v-111.429q0-8?5.143-13.143t13.143-5.143h109.714q8?0?13.143?5.143t5.143?13.143v233.143l125.143?104q5.714?4.571?6.286?12.286t-4?13.429z"
??????????????????????Stretch="Uniform"?Width="15"
??????????????????????Fill="{StaticResource?PrimaryTextSolidColorBrush}"/>
????????????</Button>
????????????<ScrollViewer?HorizontalScrollBarVisibility="Auto"
??????????????????????????Grid.Column="1">
????????????????<ItemsControl?ItemsSource="{Binding?BreadCrumbBars}">
????????????????????<ItemsControl.ItemsPanel>
????????????????????????<ItemsPanelTemplate>
????????????????????????????<VirtualizingStackPanel?Orientation="Horizontal"/>
????????????????????????</ItemsPanelTemplate>
????????????????????</ItemsControl.ItemsPanel>
????????????????????<ItemsControl.ItemTemplate>
????????????????????????<DataTemplate>
????????????????????????????<TextBlock?VerticalAlignment="Center">
????????????????????????????????<Hyperlink?Click="Hyperlink_Click"
???????????????????????????????????????????Cursor="Hand">
????????????????????????????????????<Run?Text="{Binding?Name}"/>
????????????????????????????????</Hyperlink>
????????????????????????????????<Run?Text="?>?"/>
????????????????????????????</TextBlock>
????????????????????????</DataTemplate>
????????????????????</ItemsControl.ItemTemplate>
????????????????</ItemsControl>
????????????</ScrollViewer>
????????</Grid>
????????<ListView?ItemsSource="{Binding?Files}"?Grid.Row="1"
??????????????????SelectedItem="{Binding?FilesSelectedItem}"
??????????????????Name="FilesListView">
????????????<ListView.View>
????????????????<GridView>
????????????????????<GridViewColumn?Header="Name"?
????????????????????????????????????DisplayMemberBinding="{Binding?Name}"?
????????????????????????????????????Width="200"/>
????????????????</GridView>
????????????</ListView.View>
????????</ListView>
????</Grid>
</wd:Window>

2) BreadCrumbBarExample.xaml.cs 代码如下:

  • BreadCrumbBars 记录面包屑的值。
  • Files 记录当前的子项。
  • 当点击面包屑则删除当前至末尾的所有数据 List.RemoveRange(0, List.Count - 0);
using?System;
using?System.Collections.Generic;
using?System.Collections.ObjectModel;
using?System.ComponentModel;
using?System.Diagnostics;
using?System.IO;
using?System.Linq;
using?System.Reflection;
using?System.Runtime.CompilerServices;
using?System.Text;
using?System.Threading;
using?System.Threading.Tasks;
using?System.Windows;
using?System.Windows.Controls;
using?System.Windows.Data;
using?System.Windows.Documents;
using?System.Windows.Input;
using?System.Windows.Media;
using?System.Windows.Media.Imaging;
using?System.Windows.Shapes;

namespace?WpfApp1
{
????///?<summary>
????///?BreadCrumbBarExample.xaml?的交互逻辑
????///?</summary>
????public?partial?class?BreadCrumbBarExample?:?INotifyPropertyChanged
????{
????????private?ObservableCollection<FolderItem>?files;
????????public?ObservableCollection<FolderItem>?Files
????????{
????????????get?{?return?files;?}
????????????set?{?files?=?value;?OnPropertyChanged();?}
????????}

????????private?ObservableCollection<FolderItem>?breadCrumbBars;
????????public?ObservableCollection<FolderItem>?BreadCrumbBars
????????{
????????????get?{?return?breadCrumbBars;?}
????????????set?{?breadCrumbBars?=?value;?OnPropertyChanged();?}
????????}

????????private?FolderItem?filesSelectedItem;
????????public?FolderItem?FilesSelectedItem
????????{
????????????get?{?return?filesSelectedItem;?}
????????????set?{?filesSelectedItem?=?value;?OnPropertyChanged();?}
????????}

????????public?BreadCrumbBarExample()
????????{
????????????InitializeComponent();
????????????FilesListView.SelectionChanged?+=?FilesListView_SelectionChanged;
????????????DataContext?=?this;
????????????BreadCrumbBars?=?new?ObservableCollection<FolderItem>();
????????????Files?=?new?ObservableCollection<FolderItem>();
????????????Loaded?+=?BreadCrumbBarExample_Loaded;
????????}

????????private?void?BreadCrumbBarExample_Loaded(object?sender,?RoutedEventArgs?e)
????????{
????????????GetHome();
????????}
????????private?void?btnHome_Click(object?sender,?RoutedEventArgs?e)
????????{
????????????Files.Clear();
????????????GetHome();
????????????var?array?=?BreadCrumbBars.ToList();
????????????array.RemoveRange(0,?BreadCrumbBars.Count?-?0);
????????????BreadCrumbBars?=?new?ObservableCollection<FolderItem>(array);
????????}
????????private?void?Hyperlink_Click(object?sender,?RoutedEventArgs?e)
????????{
????????????var?hyperlink?=?(Hyperlink)sender;
????????????if?(hyperlink?==?null)?return;
????????????var?model?=?(FolderItem)hyperlink.DataContext;
????????????if?(model?==?null)?return;
????????????LinkFolder(model);
????????}

???????
????????private?void?FilesListView_SelectionChanged(object?sender,?SelectionChangedEventArgs?e)
????????{
????????????if?(FilesSelectedItem?==?null)?return;
????????????BreadCrumbBars.Add(FilesSelectedItem);
????????????AddFolder(FilesSelectedItem);
????????????
????????}
????????private?void?LinkFolder(FolderItem?folderItem)
????????{
????????????var?index?=?BreadCrumbBars.IndexOf(folderItem);
????????????if?(index?<?BreadCrumbBars.Count)
????????????{
????????????????var?array?=?BreadCrumbBars.ToList();
????????????????if(index?==?0)
????????????????{
????????????????????index?+=?1;
????????????????????array.RemoveRange(index,?BreadCrumbBars.Count?-?index);

????????????????}
????????????????else
????????????????????array.RemoveRange(index,?BreadCrumbBars.Count?-?index);
????????????????BreadCrumbBars?=?new?ObservableCollection<FolderItem>(array);
????????????}
????????????AddFolder(folderItem);
????????}

????????void?AddFolder(FolderItem?folderItem)
????????{
????????????try
????????????{
????????????????if?(folderItem?==?null)?return;
????????????????FilesListView.SelectedIndex?=?-1;
????????????????FilesListView.SelectedItem?=?null;
????????????????Files.Clear();
????????????????var?list?=?new?ObservableCollection<FolderItem>();
????????????????if?(File.Exists(folderItem.FullName))?return;
????????????????var?directory?=?new?DirectoryInfo(folderItem.FullName?+?@"\");
????????????????if?(directory.GetDirectories()?==?null)?return;
????????????????foreach?(var?item?in?directory.GetDirectories())
????????????????{
????????????????????var?fileInfo?=?new?FolderItem()?{?Name?=?item.Name,?FullName?=?item.FullName?};
????????????????????if?(list.Contains(fileInfo))?continue;
????????????????????Files.Add(fileInfo);
????????????????}
????????????????foreach?(var?item?in?directory.GetFiles())
????????????????{
????????????????????var?fileInfo?=?new?FolderItem()?{?Name?=?item.Name,?FullName?=?item.FullName?};
????????????????????if?(list.Contains(fileInfo))?continue;
????????????????????Files.Add(fileInfo);
????????????????}
????????????}
????????????catch?(Exception)
????????????{

????????????????throw;
????????????}
????????}

????????void?GetHome()
????????{
????????????DriveInfo[]?allDrives?=?DriveInfo.GetDrives();
????????????foreach?(DriveInfo?drive?in?allDrives)
????????????{
????????????????if?(drive.IsReady?==?true)
????????????????{
????????????????????var?fileInfo?=?new?FolderItem()?{?Name?=?drive.Name,?FullName?=?drive.Name?};
????????????????????Files.Add(fileInfo);
????????????????}
????????????}
????????}

????????public?event?PropertyChangedEventHandler?PropertyChanged;

????????protected?void?OnPropertyChanged([CallerMemberName]?string?propertyName?=?"")
????????{
????????????PropertyChanged?.Invoke(this,?new?PropertyChangedEventArgs(propertyName));
????????}
??????
????}
????public?class?FolderItem
????{
????????public?string?Name?{?get;?set;?}
????????public?string?FullName?{?get;?set;?}?=?string.Empty;
????}

}

到此这篇关于基于WPF实现面包屑效果的示例代码的文章就介绍到这了,更多相关WPF面包屑内容请搜索程序员之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持程序员之家!

相关文章

  • 简述C#枚举高级战术

    简述C#枚举高级战术

    这篇文章主要介绍了简述C#枚举高级战术,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-10-10
  • C#实现两个时间相减的方法

    C#实现两个时间相减的方法

    这篇文章主要介绍了C#实现两个时间相减的方法,实例分析了C#针对时间操作的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-01-01
  • WinForm中实现picturebox自适应图片大小的方法

    WinForm中实现picturebox自适应图片大小的方法

    这篇文章主要介绍了WinForm中实现picturebox自适应图片大小的方法,涉及pictureBox控件相关属性设置技巧,需要的朋友可以参考下
    2017-05-05
  • 详解Unity使用ParticleSystem粒子系统模拟药水在血管中流动(粒子碰撞)

    详解Unity使用ParticleSystem粒子系统模拟药水在血管中流动(粒子碰撞)

    这篇文章主要介绍了Unity使用ParticleSystem粒子系统模拟药水在血管中流动(粒子碰撞),本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-05-05
  • C#实现一个简单实用的TXT文本操作及日志框架详解

    C#实现一个简单实用的TXT文本操作及日志框架详解

    这篇文章主要给大家介绍了关于利用C#如何实现一个简单实用的TXT文本操作及日志框架的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们一起来看看吧
    2018-07-07
  • Unity调用手机摄像机识别二维码

    Unity调用手机摄像机识别二维码

    这篇文章主要为大家详细介绍了Unity调用手机摄像机识别二维码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-07-07
  • c#远程html数据抓取实例分享

    c#远程html数据抓取实例分享

    这篇文章主要介绍了c#远程html数据抓取的方法,大家参考使用吧
    2013-12-12
  • C#中实现登录功能的完整步骤

    C#中实现登录功能的完整步骤

    这篇文章主要给大家介绍了关于C#中实现登录功能的相关资料,我们在使用C#做项目的时候,基本上都需要制作登录界面,需要的朋友可以参考下
    2021-06-06
  • unity avprovideo插件的使用详解

    unity avprovideo插件的使用详解

    这篇文章主要介绍了unity avprovideo插件的使用详解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2021-04-04
  • C# OpenCvSharp实现通过特征点匹配图片

    C# OpenCvSharp实现通过特征点匹配图片

    这篇文章主要为大家详细介绍了C#如何结合OpenCVSharp4实现通过特征点匹配图片,文中的示例代码简洁易懂,具有一定的学习价值,需要的小伙伴可以参考下
    2023-11-11

最新评论

?


http://www.vxiaotou.com