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; 設置

 

（二）實現左導航欄