winui3について、NavigationViewのペイン部とコンテンツ部の間にある線を非表示にしたい

Question

Windows11 23H2、Visual Stadio2022です。

のようにナビゲーションビューを作成した際、ペイン部とコンテンツ部を区切る為の線がデフォルトで引かれますが、これを非表示とすることはできないのでしょうか。

イメージとしてはWindows11の設定アプリのように左側の目次と右側のコンテンツに境界がないようにしたいです。

FrameのBorderThicknessを0としても表示されたままで、NavigationViewに対応してそうなパラメータも見つからず困っています。

Accepted Answer

こんな

private void NV_Loaded(object sender, RoutedEventArgs e)
{
    var nv = (NavigationView)sender;

    var root = FindChildren(nv).Where(_ => _.Name == "RootGrid").FirstOrDefault();
    if (root != null)
    {
        if (root.FindName("ContentGrid") is Grid grid)
        {
            grid.BorderThickness = new Thickness(0, 0, 0, 0);
            grid.BorderBrush = null;
            grid.CornerRadius = new CornerRadius(0);

            //grid.BorderThickness = new Thickness(5, 0, 0, 0);                    
            //grid.BorderBrush = new SolidColorBrush(Windows.UI.Color.FromArgb(255, 255, 0, 0));
            //grid.CornerRadius = new CornerRadius(0);
        }
    }

}

private IEnumerable FindChildren(DependencyObject d) where T : DependencyObject
{
    int count = VisualTreeHelper.GetChildrenCount(d);
    for (int i = 0; i < count; i++)
    {
        var child = VisualTreeHelper.GetChild(d, i);
        if (child is T t)
        {
            yield return t;
        }
        foreach (var grandchild in FindChildren(child))
        {
            yield return grandchild;
        }
    }
}

あるいは

private void ContentFrame_Loaded(object sender, RoutedEventArgs e)
{
    Frame f = (Frame)sender;
    DependencyObject d = f;
    while (d != null)
    {
        if (d is Grid grid && grid.Name == "ContentGrid")
        {
            grid.BorderThickness = new Thickness(5, 0, 0, 0);
            grid.BorderBrush = new SolidColorBrush(Windows.UI.Color.FromArgb(255, 0,255, 0));
            grid.CornerRadius = new CornerRadius(0);
            break;
        }
        d = VisualTreeHelper.GetParent(d);
    }
}

NavigationViewのテンプレートは"C:\Users[ユーザー名].nuget\packages\microsoft.windowsappsdk[WinUIのバージョン]\lib[ランライムのバージョン]\Microsoft.WinUI\Themes\generic.xaml"にあるのでで探してください。

次の方法で共有

winui3について、NavigationViewのペイン部とコンテンツ部の間にある線を非表示にしたい

0 件の追加の回答

お客様の回答