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

 

(二)实现左导航栏

 

posted @ 2018-12-13 18:09  心存善念  阅读(3025)  评论(0编辑  收藏  举报