WPF常见主界面的布局

一、概述

效果图：

　　暂时没做完，请等待

二、实现

（一）实现无边框窗口

原文：WPF 窗口去除顶部边框（正宗无边框）

============================

最近在做一个大屏展示视频图片的项目，功能并不复杂，半天的工作量吧，一开始同事采用的Unity3D进行开发，但是里面要播放4K视频，Unity 的短板就是视频的播放了，今晚就要交付了，我一早就来公司，决定用WPF重新开发一版，各项功能都好了，唯独顶部总是显示一条白色的边，已经设置WindowStyle为None了也没用，幸得网上大神提供的资料，终于解决了这个小问题。

XAML内容如下：

<Window x:Class="WPF_VideoPlayer.MainWindow"
        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:local="clr-namespace:WPF_VideoPlayer"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="2880" Loaded="Window_Loaded" 
　　　　 AllowsTransparency="True" WindowStyle="None" ResizeMode="NoResize" WindowState="Maximized" Topmost="True" Background="Black">

    <Window.Resources>
        <WindowChrome x:Key="WindowChromeKey">
            <WindowChrome.ResizeBorderThickness>
                <Thickness>0</Thickness>
            </WindowChrome.ResizeBorderThickness>
        </WindowChrome>
    </Window.Resources>

    <Grid>
    </Grid>
</Window>

===================================================

属性解析：

WindowStyle="None" 　　　　

　　将窗口标题栏（包括放大、缩小、关闭）隐藏显示，

 AllowsTransparency="True"

　　但是这时还有外边框，通过设置AllowsTransparency隐藏

 　　ResizeMode="CanMinimize"

　　通过this.WindowState = System.Windows.WindowState.Minimized; 设置

（二）实现左导航栏