WPF自定义Window窗体样式

最新推荐文章于 2024-05-30 10:45:50 发布
最新推荐文章于 2024-05-30 10:45:50 发布
阅读量1.1k 收藏 2
点赞数
文章标签： c# ui
原文链接：https://yq.aliyun.com/articles/676462
版权
原文: WPF自定义Window窗体样式

资源文件代码：

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <!-- 窗体按钮模板 -->
    <ControlTemplate x:Key="tmplWindowBtn" TargetType="{x:Type Button}">
        <Border x:Name="bd" Width="28" Height="18" Background="Transparent"  >
            <Grid>
                <Image x:Name="img" Stretch="Fill" Source="{TemplateBinding Tag}"  />
                <Border x:Name="bdMask" Opacity="0.3" Visibility="Collapsed" Background="#001122" Margin="1 0 1 1" CornerRadius="0 0 3 3"></Border>
            </Grid>
        </Border>
        <ControlTemplate.Triggers>
            <Trigger Property="IsMouseOver" Value="true">
                <Setter TargetName="bdMask" Property="Visibility" Value="Visible"/>
            </Trigger>
            <Trigger Property="IsPressed" Value="true">
            </Trigger>
        </ControlTemplate.Triggers>
    </ControlTemplate>
    <!-- 窗体模板 -->
    <ControlTemplate x:Key="tmplWindowEx" TargetType="{x:Type Window}">
        <Border>
            <Border CornerRadius="5" Background="#0998B8" Margin="{Binding BorderMargin}">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="26"></RowDefinition>
                        <RowDefinition></RowDefinition>
                    </Grid.RowDefinitions>
                    <TextBlock Text="{TemplateBinding Title}" Margin="10 0 0 0" FontFamily="微软雅黑,黑体" FontSize="12" Foreground="#fff" VerticalAlignment="Center"></TextBlock>
                    <StackPanel Orientation="Horizontal" Background="#0998B8" HorizontalAlignment="{Binding BtnPanelHorizontalAlignment}" Width="100" Margin="88 0 0 0">
                        <StackPanel Orientation="Horizontal" Margin="10 0 5 0" VerticalAlignment="Top" HorizontalAlignment="Right">
                            <Button x:Name="btnMinimize" Template="{StaticResource tmplWindowBtn}" WindowChrome.IsHitTestVisibleInChrome="True" Command="{Binding DataContext.WindowBtnCommand, RelativeSource={RelativeSource AncestorType=Window}}" CommandParameter="1" Visibility="{Binding BtnMinimizeVisibility}" >
                                <Button.Tag>
                                    <BitmapImage UriSource="/SunCreate.Common.Controls;Component/WindowEx/Images/btnWindowMin.png"/>
                                </Button.Tag>
                            </Button>
                            <Button x:Name="btnMaximize" Template="{StaticResource tmplWindowBtn}" WindowChrome.IsHitTestVisibleInChrome="True" Command="{Binding DataContext.WindowBtnCommand, RelativeSource={RelativeSource AncestorType=Window}}" CommandParameter="2" Visibility="{Binding BtnMaximizeVisibility}" >
                                <Button.Tag>
                                    <BitmapImage UriSource="/SunCreate.Common.Controls;Component/WindowEx/Images/btnWindowMax.png"/>
                                </Button.Tag>
                            </Button>
                            <Button x:Name="btnClose" Template="{StaticResource tmplWindowBtn}" WindowChrome.IsHitTestVisibleInChrome="True" Command="{Binding DataContext.WindowBtnCommand, RelativeSource={RelativeSource AncestorType=Window}}" CommandParameter="3">
                                <Button.Tag>
                                    <BitmapImage UriSource="/SunCreate.Common.Controls;Component/WindowEx/Images/btnWindowClose.png"/>
                                </Button.Tag>
                            </Button>
                        </StackPanel>
                    </StackPanel>
                    <Border Background="#d6e7f1" CornerRadius="3 0 3 3" Grid.Row="1" Margin="3" >
                        <ContentPresenter ></ContentPresenter>
                    </Border>
                </Grid>
            </Border>
        </Border>
    </ControlTemplate>
    <!-- 窗体样式 -->
    <Style x:Key="stlWindowEx" TargetType="{x:Type Window}">
        <Setter Property="Template" Value="{StaticResource tmplWindowEx}"/>
        <Setter Property="AllowsTransparency" Value="True"></Setter>
        <Setter Property="Background" Value="Transparent"></Setter>
        <Setter Property="BorderThickness" Value="0" />
        <Setter Property="BorderBrush" Value="Transparent" />
        <Setter Property="ResizeMode" Value="NoResize" />
        <Setter Property="WindowStyle" Value="None" />
        <Setter Property="WindowChrome.WindowChrome">
            <Setter.Value>
                <WindowChrome CornerRadius="5 5 0 0"
                              CaptionHeight="35"
                              GlassFrameThickness="0"
                              UseAeroCaptionButtons="False"
                              NonClientFrameEdges="None">
                </WindowChrome>
            </Setter.Value>
        </Setter>
    </Style>
</ResourceDictionary>
View Code

自定义窗体封装WindowEx类代码：

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Linq;
using System.Reflection;
using System.Resources;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Input;
using System.Windows.Resources;

namespace SunCreate.Common.Controls
{
    /// <summary>
    /// 窗体封装
    /// </summary>
    public class WindowEx : Window, INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;

        private ICommand _WindowBtnCommand;
        /// <summary>
        /// 窗体按钮命令
        /// </summary>
        public ICommand WindowBtnCommand
        {
            get
            {
                return _WindowBtnCommand;
            }
            set
            {
                _WindowBtnCommand = value;
                OnPropertyChanged("WindowBtnCommand");
            }
        }

        private Thickness _BorderMargin = new Thickness(0, 0, 0, 0);
        public Thickness BorderMargin
        {
            get
            {
                return _BorderMargin;
            }
            set
            {
                _BorderMargin = value;
                OnPropertyChanged("BorderMargin");
            }
        }

        private HorizontalAlignment _BtnPanelHorizontalAlignment = HorizontalAlignment.Right;
        /// <summary>
        /// 窗体按钮的Panel位置
        /// </summary>
        public HorizontalAlignment BtnPanelHorizontalAlignment
        {
            get
            {
                return _BtnPanelHorizontalAlignment;
            }
            set
            {
                _BtnPanelHorizontalAlignment = value;
                OnPropertyChanged("BtnPanelHorizontalAlignment");
            }
        }

        private Visibility _BtnMinimizeVisibility = Visibility.Visible;
        /// <summary>
        /// 窗体最小化按钮的显示状态
        /// </summary>
        public Visibility BtnMinimizeVisibility
        {
            get
            {
                return _BtnMinimizeVisibility;
            }
            set
            {
                _BtnMinimizeVisibility = value;
                OnPropertyChanged("BtnMinimizeVisibility");
            }
        }

        private Visibility _BtnMaximizeVisibility = Visibility.Visible;
        /// <summary>
        /// 窗体最大化按钮的显示状态
        /// </summary>
        public Visibility BtnMaximizeVisibility
        {
            get
            {
                return _BtnMaximizeVisibility;
            }
            set
            {
                _BtnMaximizeVisibility = value;
                OnPropertyChanged("BtnMaximizeVisibility");
            }
        }

        /// <summary>
        /// 窗体 构造函数
        /// </summary>
        public WindowEx()
        {
            this.DataContext = this;
            this.ShowInTaskbar = false;

            #region 窗体样式设置
            Uri uri = new Uri("/SunCreate.Common.Controls;Component/WindowEx/WindowExResource.xaml", UriKind.Relative);
            ResourceDictionary rd = new ResourceDictionary();
            rd.Source = uri;
            this.Style = rd["stlWindowEx"] as Style;
            #endregion

            #region 窗体按钮事件
            WindowBtnCommand windowBtnCommand = new WindowBtnCommand();
            windowBtnCommand.DoAction = (parameter) =>
            {
                if (parameter == 1) //最小化
                {
                    this.BorderMargin = new Thickness(1, 0, 0, 0);
                    BtnPanelHorizontalAlignment = HorizontalAlignment.Left;
                    BtnMinimizeVisibility = Visibility.Collapsed;
                    this.WindowState = WindowState.Minimized;
                }
                if (parameter == 2) //窗口还原、最大化
                {
                    if (this.WindowState == WindowState.Normal)
                    {
                        double taskBarHeight = SystemParameters.PrimaryScreenHeight - SystemParameters.WorkArea.Height;
                        double taskBarWidth = SystemParameters.PrimaryScreenWidth - SystemParameters.WorkArea.Width;
                        if (taskBarWidth > 0)
                        {
                            this.BorderMargin = new Thickness(0, 0, taskBarWidth, 0);
                        }
                        if (taskBarHeight > 0)
                        {
                            this.BorderMargin = new Thickness(0, 0, 0, taskBarHeight);
                        }
                        BtnPanelHorizontalAlignment = HorizontalAlignment.Right;
                        BtnMinimizeVisibility = Visibility.Visible;
                        this.WindowState = WindowState.Maximized;
                    }
                    else if (this.WindowState == WindowState.Maximized)
                    {
                        this.BorderMargin = new Thickness(0, 0, 0, 0);
                        BtnPanelHorizontalAlignment = HorizontalAlignment.Right;
                        BtnMinimizeVisibility = Visibility.Visible;
                        this.WindowState = WindowState.Normal;
                    }
                    else if (this.WindowState == WindowState.Minimized)
                    {
                        this.BorderMargin = new Thickness(0, 0, 0, 0);
                        BtnPanelHorizontalAlignment = HorizontalAlignment.Right;
                        BtnMinimizeVisibility = Visibility.Visible;
                        this.WindowState = WindowState.Normal;
                    }
                }
                if (parameter == 3) //关闭窗口
                {
                    this.Close();
                }
            };
            this.WindowBtnCommand = windowBtnCommand;
            this.StateChanged += (s, e) =>
            {
                if (this.WindowState == WindowState.Maximized)
                {
                    BtnPanelHorizontalAlignment = HorizontalAlignment.Right;
                    BtnMinimizeVisibility = Visibility.Visible;
                    double taskBarHeight = SystemParameters.PrimaryScreenHeight - SystemParameters.WorkArea.Height;
                    double taskBarWidth = SystemParameters.PrimaryScreenWidth - SystemParameters.WorkArea.Width;
                    if (taskBarWidth > 0)
                    {
                        this.BorderMargin = new Thickness(0, 0, taskBarWidth, 0);
                    }
                    if (taskBarHeight > 0)
                    {
                        this.BorderMargin = new Thickness(0, 0, 0, taskBarHeight);
                    }
                }
                if (this.WindowState == WindowState.Normal)
                {
                    this.BorderMargin = new Thickness(0, 0, 0, 0);
                    BtnPanelHorizontalAlignment = HorizontalAlignment.Right;
                    BtnMinimizeVisibility = Visibility.Visible;
                }
            };
            #endregion

        }

        protected void OnPropertyChanged(string name)
        {
            if (PropertyChanged != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs(name));
            }
        }
    }
}
View Code

窗体最小化、最大化、关闭按钮的命令WindowBtnCommand：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Input;

namespace SunCreate.Common.Controls
{
    public class WindowBtnCommand : ICommand
    {
        public Action<int> DoAction { get; set; }

        public event EventHandler CanExecuteChanged
        {
            add { CommandManager.RequerySuggested += value; }
            remove { CommandManager.RequerySuggested -= value; }
        }

        public bool CanExecute(object parameter)
        {
            return true;
        }

        public void Execute(object parameter)
        {
            if (DoAction != null)
            {
                DoAction(Convert.ToInt32(parameter));
            }
        }
    }
}
View Code

使用WindowEx类的示例代码：

<ui:WindowEx x:Class="SunCreate.Common.Controls.Demo.MyWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:ui="clr-namespace:SunCreate.Common.Controls;assembly=SunCreate.Common.Controls"
        Title="视频播放视频播放ABCDEFG" Height="300" Width="500" WindowStartupLocation="CenterScreen"
        BtnMinimizeVisibility="Visible" BtnMaximizeVisibility="Visible" >
    <Window.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="/SunCreate.Common.Controls;Component/Themes/ScrollViewer.xaml"/>
                <ResourceDictionary Source="/SunCreate.Common.Controls;Component/Themes/ControlsResource.xaml"/>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Window.Resources>
    <Grid>
        <StackPanel>
            <Border Margin="10">
                <Button Height="30" Width="80" Content="测试" Style="{StaticResource stlTxtBtn}" HorizontalAlignment="Left" Click="Button_Click" />
            </Border>
            <Border Margin="10">
                <TextBlock Text="测试内容ABC"></TextBlock>
            </Border>
        </StackPanel>
    </Grid>
</ui:WindowEx>
View Code

效果图：

窗体最小化效果图：

 

weixin_33739523
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
WPF自定义窗体
岁月无情
02-12 794
1、对窗体设计样式 <Style x:Key="BaseMainWindowStyle" TargetType="Window"> <Setter Property="Padding" Value="0" /> <Setter Property="Margin" Value="0" /> <Se...
自定义WPF 窗口样式
热门推荐
草莽的专栏
09-26 1万+
自定义Window在客户端程序中，经常需要用到自定义一个Window，大部分是为了好看吧。做了很多研究和实践之后，觉得需要把这个过程写下来，以供查阅。WPF提供的丰富的功能使得自定义Window变得简单，但是也不是一个简单的Style就能做到的事情。虽然WPF中的控件是Lookless的，但是Window类有他自己的特殊之处，做个简单的实验就能看出，对于普通的WPF控件，用XamlWriter.Write方法就能将某个类型对象的模板输出出来，这样就可以看到该控件的内部构造。但是如果输出Window对象的默认
WPF绘制自定义窗口
weixin_53370274的博客
03-27 1357
简介： 原文:WPF绘制自定义窗口 WPF是制作界面的一大利器，下面就用WPF模拟一下360的软件管理界面，360软件管理界面如下： 界面不难，主要有如下几个要素： 窗体的圆角 自定义标题栏及按钮 自定义状态栏 窗体的半透明效果 窗体4周有一圈半透明阴影（抓的图上看不出来） 实现思路很简单，首先隐藏默认窗口的标题栏和边框，然后用WPF的Border或Canvas等元素模拟定义窗体的标题栏、内容区和状态栏。它和后面的Grid元素定义的实际窗口是同级的。到此，自定义窗口的基类就打造完成，完整代码见附件。
WPF中Window的外观实现及常用属性
最新发布
weixin_48083386的博客
05-30 1021
四角的白色为 Window的 Background设置的颜色. 如果想去掉白色, 则需要设置 Window 的 Background 为 透明, 即: Background=“Transparent”, 此时从四角是可以看到下一层的Window内容.同样类似的还有, Android中可以使用 Activity, Fragment 放置这些 UI组件, 在WPF中 可以使用 Window , Page 放置UI组件. 用户通过Window 与 APP进行交互.
【WPF】自定义Windows窗口样式
m0_38045338的博客
01-29 3618
文章目录前言一、程序文件结构二、具体实现1.资源文件generic.xaml代码2.Window派生类CustomWindow.cs3、普通窗口4、对话框窗口五、实现效果 前言 WPF中的很多控件都可以直接修改其样式，但对于Window控件，无法通过简单的style来修改其样式，本文提供了一个实现任意风格window的方法。 一、程序文件结构 为了实现任意风格的Window，就需要重写Window的默认模板，首先是创建Window的派生类，并创建自定义style，重写DefaultStyleKey属性将
【WPF】填坑 - WindowChrome 自定义窗口完美实现
黑夜中的潜行者
09-24 1230
前面写过一篇关于在 WPF 中通过对 WindowChrome 的操作实现自定义窗口并保留一部分的系统功能。【WPF】WindowChrome 自定义窗口完美实现有小伙伴看过之后反应，其中有些功能不够完善，本篇来对前面填坑。
[WPF自定义控件]使用WindowChrome自定义Window Style
weixin_30741653的博客
06-11 726
1. 为什么要自定义Window 对稍微有点规模的桌面软件来说自定义的Window几乎是标配了，一来设计师总是克制不住自己想想软件更个性化，为了UI的和谐修改Window也是必要的；二来多一行的空间可以添加很多功能，尤其是上边缘，因为被屏幕限制住鼠标的移动所以上边缘的按钮很容易选中。做桌面开发总有一天会遇到自定义Window的需求，所以我在控件库中也提供了一个简单的自定义Window。 2. 我想...
WPF之自定义窗体的封装
10-24
在WPF中，窗体被称为“Window”，我们可以基于System.Windows.Window类来创建自定义窗体。 封装自定义窗体的主要步骤包括： 1. **创建新窗体类**：继承自System.Windows.Window类，这是创建自定义窗体的基础。例如...
WPF 窗体自定义 样式
06-12
总之，掌握WPF窗体自定义样式是提升WPF应用用户体验的重要手段。通过灵活地应用样式和模板，开发者能够创建独特且富有表现力的用户界面，同时保持代码的简洁性和可维护性。在`WpfApplication3`项目中，你可以继续...
wpf自定义窗体
05-27
标题提到的"wpf自定义窗体"是一个关于如何在WPF中设计并实现个性化窗口的实践案例。描述中提到了窗体的阴影部分可能过于臃肿，并暗示可以通过使用放射性渐变填充来优化这个问题，这涉及到图形渲染和UI设计的优化技巧...
Wpf 自定义窗体 Window 自定义 Xaml讲解 Xaml解惑
11-24
高手写的例子。 简单实用的 Wpf 自定义Window的例子 把Window完全拆开了，再一点一点的拼上去， 让你对Wpf的Xaml 有一个循序渐进的认识 对Xaml不再陌生，不再害怕。 代码不长，适合阅读，易于理解。 希望对你有用。
wpf window 自定义样式实例
08-28
自定义个窗体样式，把它命名为windowbase，以后新建window只要继承此样式就可以使新建的窗体无需任何设置就能拥有漂亮的样式。
WPF 窗体样式重写 界面优美
12-13
WPF 窗体样式重写 界面优美 WPF 窗体样式重写 界面优美
WPF漂亮的窗体样式、按钮样式、复选框样式
01-03
项目中包含了WPF窗体样式、按钮样式、复选框样式等；需要的朋友可以下载。
WPF 去边框 自定义窗体 拖动窗体大小变化 兼容winfrom控件
12-09
因此，去除这些边框并自定义窗体样式的需求应运而生。 要去除WPF窗体的边框，我们需要在XAML中修改Window控件的属性。首先，将`WindowStyle`设置为`None`，这样可以移除默认的边框和标题栏。接着，将`...
WPF自定义控件与样式(13)-自定义窗体Window & 自适应内容大小消息框MessageBox
LJianDong的博客
11-07 1049
一．前言 　　申明：WPF自定义控件与样式是一个系列文章，前后是有些关联的，但大多是按照由简到繁的顺序逐步发布的等，若有不明白的地方可以参考本系列前面的文章，文末附有部分文章链接。 　　本文主要内容： 自定义Window窗体样式； 基于自定义窗体实现自定义MessageBox消息提示框； 二．自定义Window窗体样式 　　自定义的Window窗体效果： 　　因为WPF默...
WPF 统一窗体样式（示例用户控件Prism框架中）
猪猪的博客
01-26 650
实现统一弹窗的样式外观!
wpf 自定义switch样式
07-27
在WPF中，可以通过自定义样式来创建自定义的Switch样式。首先，你可以使用ToggleButton控件作为Switch的基础，并为其设置自定义的样式。你可以使用Setter元素来设置ToggleButton的属性，例如Background、Foreground...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值