面包屑栏不显示在 hover winui3 上导航上一个文件夹级别的链接

Question

I added breadcrumb component in my project and tried several things, but link on hover on breadcrumb is not shown to navigate back to previously displayed folders.

My code for breadcrumb is here

<BreadcrumbBar x:Name="FolderBreadcrumbBar" ItemsSource="{x:Bind ViewModel.Breadcrumbs}" ItemClicked="FolderBreadcrumbBar_ItemClicked"> <BreadcrumbBar.ItemTemplate> <DataTemplate x:DataType="models:Breadcrumb"> <TextBlock Text="{x:Bind Label}"/> </DataTemplate> </BreadcrumbBar.ItemTemplate> </BreadcrumbBar>

I was trying to have hyperlink enabled to navigate to previous folder level in breadcrumb, Like below example

image

On click on Folder1 it navigates back to that level, but my issue is the hyperlink on Folder1 is not shown to trigger my onclick handler.

It doesn't highlight the link on hover of the mouse like below ex:

image

Can someone please help where I'm going wrong or how I can achieve this. Thanks in advance.

Answer 1

You can use the HyperlinkButton .

<BreadcrumbBar
    x:Name="FolderBreadcrumbBar"
    ItemsSource="{x:Bind ViewModel.Breadcrumbs}" 
    ItemClicked="FolderBreadcrumbBar_ItemClicked"> 
    <BreadcrumbBar.ItemTemplate>
        <DataTemplate x:DataType="models:Breadcrumb">
            <HyperlinkButton Content="{x:Bind Label}"/>
        </DataTemplate>
    </BreadcrumbBar.ItemTemplate>
</BreadcrumbBar>