我正在使用 Windows App SDK 和 WinUI 3 設計一個應用程式,并試圖找出一種方法來改變BreadcrumbBar中 V 形的大小。我創建了一個資料項模板來更改 BreadcrumbBarItem(s) 的樣式,但現在需要調整 V 形的字體大小以匹配文本的字體大小。
本質上,我正在嘗試匹配 Windows 11 中的設定應用程式設計,如下圖所示。關于如何做到這一點的任何想法?
Windows 11 設定應用程式 - 面包屑欄
uj5u.com熱心網友回復:
你可以這樣做:
主視窗.xaml.cs
using Microsoft.UI;
using Microsoft.UI.Xaml;
using System.Collections.Generic;
namespace BreadcrumbBars;
public record Item(string Text, double FontSize, double Width);
public sealed partial class MainWindow : Window
{
public MainWindow()
{
this.InitializeComponent();
}
public List<Item> Items = new()
{
new Item(Text: "Item#1", FontSize: 30.0, Width: 300.0),
new Item(Text: "Item#2", FontSize: 20.0, Width: 200.0),
new Item(Text: "Item#3", FontSize: 10.0, Width: 100.0),
};
}
主視窗.xaml
<Grid.Resources>
<!-- You can find this in the generic.xaml. -->
<x:Double x:Key="BreadcrumbBarChevronFontSize">30</x:Double>
</Grid.Resources>
<Grid>
<BreadcrumbBar ItemsSource="{x:Bind Items}">
<BreadcrumbBar.ItemTemplate>
<DataTemplate x:DataType="local:Item">
<TextBlock
Width="{x:Bind Width}"
FontSize="{x:Bind FontSize}"
Text="{x:Bind Text}" />
</DataTemplate>
</BreadcrumbBar.ItemTemplate>
</BreadcrumbBar>
</Grid>
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/520476.html
下一篇:單擊復選框系結
