Wpf 简单制作自己的窗体样式（2）

上一篇blog讲了制作简单的样式的窗体，对于一个传统的窗体，不仅仅可以拖动，和关闭操作、还具有最大化、最小化、隐藏，以及改变窗体的大小等。这篇blog就是对上篇的补充，完善窗体的改变大小和最大化最小化的功能。

1.改变形状窗体的尺寸

实现的效果：在窗体的右下角，当鼠标划过时，改为可以拉动的鼠标样式，根据鼠标拖动的位置，修改窗体的大小。

上篇降到窗体分成两部分，head和content，在这里做一下修改，再增加一行footer，设置高度为5，用于放置一个元素，位置在右下侧，用于截获鼠标事件。

代码如下：

</Border>

</Grid>

其中Border就是用来专门截获鼠标事件的，当鼠标放置在此元素上时，鼠标状态改为可以拖动大小的图标。

在此元素上添加三个事件，鼠标左键按下，释放，和移动。

代码：

//拖动改变窗体大小

bool isWiden = false;

private void Border_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)

{

isWiden = true;

}

private void Border_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)

{

isWiden = false;

Border b = (Border)sender;

b.ReleaseMouseCapture();

}

private void Border_MouseMove(object sender, MouseEventArgs e)

{

Border b = (Border)sender;

if (isWiden)

{

b.CaptureMouse();

double newWidth = e.GetPosition(this).X + 5;

double newheight = e.GetPosition(this).Y + 5;

if (newWidth > 0)

{

this.Width = newWidth;

}

if (newheight > 0)

{

this.Height = newheight;

}

ok ！修改窗体尺寸就实现了。

2.最大化、最小化

最小化的实现可以直接修改窗体的WindowState=WindowState.Minimized;

如果直接修改窗体的WindowState=WindowState.Maximized;确实实现了窗体的最大化，但是存在一个问题，就是窗体的WindowStyle="None"的情况下，上面方式实现的最大化会覆盖系统的任务栏。

那就采用另一种简单的方式，根据活动区域的大小来设置窗体的高和宽，实现最大化的效果。

具体代码如下：

Rect rc = SystemParameters.WorkArea;//获取工作区大小

this.Left = 0;//设置位置

this.Top = 0;

this.Width = rc.Width;

this.Height = rc.Height;

再次点击最大化按钮就会还原到窗体原来的大小和位置，在实现最大化之前需要纪录窗体当前的位置和大小。以便进行还原。

代码如下：

rcnormal = new Rect(this.Left, this.Top, this.Width, this.Height);//保存下当前位置与大小

this.Left = rcnormal.Left;

this.Top = rcnormal.Top;

this.Width = rcnormal.Width;

this.Height = rcnormal.Height;

ok，到这里一个窗体基本有的功能都实现了。我在这里写下的只是一种实现方式，还有很多种可以去尝试。（参考WPF编程宝典（2010））

工程就不打包了，代码贴下：

XAML：

<Window
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    x:Class="WpfAppBlog.MainWindow"
    x:Name="Window" Background="Transparent" MinWidth="640" MinHeight="480"
    Title="MainWindow" AllowsTransparency="True" WindowStyle="None"
    >
    <Window.Resources>
        <Style x:Key="myBtnStyle" TargetType="{x:Type Button}">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type Button}">
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition x:Name="columnDefinition1" Width="0.982*"/>
                                <ColumnDefinition x:Name="columnDefinition" Width="0.018*"/>
                            </Grid.ColumnDefinitions>
                            <Rectangle x:Name="rectangle" RadiusY="2" RadiusX="2" Stroke="{x:Null}" Fill="#FF0DAD5F" Grid.ColumnSpan="2"/>
                            <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                        </Grid>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsFocused" Value="True">
                                <Setter Property="Stroke" TargetName="rectangle" Value="{x:Null}"/>
                                <Setter Property="Fill" TargetName="rectangle" Value="#FF0DAD5F"/>
                            </Trigger>
                            <Trigger Property="IsDefaulted" Value="True">
                                <Setter Property="Fill" TargetName="rectangle" Value="#FF0DAD5F"/>
                                <Setter Property="Stroke" TargetName="rectangle" Value="{x:Null}"/>
                            </Trigger>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter Property="Stroke" TargetName="rectangle" Value="{x:Null}"/>
                                <Setter Property="Fill" TargetName="rectangle" Value="#FF83D245"/>
                            </Trigger>
                            <Trigger Property="IsPressed" Value="True">
                                <Setter Property="Stroke" TargetName="rectangle" Value="{x:Null}"/>
                                <Setter Property="Fill" TargetName="rectangle" Value="#FF17D256"/>
                                <Setter Property="Width" TargetName="columnDefinition" Value="Auto"/>
                                <Setter Property="MinWidth" TargetName="columnDefinition" Value="0"/>
                                <Setter Property="Width" TargetName="columnDefinition1" Value="*"/>
                            </Trigger>
                            <Trigger Property="IsEnabled" Value="False">
                                <Setter Property="Stroke" TargetName="rectangle" Value="{x:Null}"/>
                                <Setter Property="Fill" TargetName="rectangle" Value="{x:Null}"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Resources>
    <Border BorderBrush="#FF0DAD5F"  BorderThickness="3" CornerRadius="4">
        <Grid >
            <Grid.RowDefinitions>
                <RowDefinition Height="30"></RowDefinition>
                <RowDefinition></RowDefinition>
                <RowDefinition Height="5"></RowDefinition>
            </Grid.RowDefinitions>
        <Border Background="#FF0DAD5F" BorderBrush="Transparent" MouseDown="Grid_MouseDown" CornerRadius="2,2,0,0">
            <Grid Name="Title" Margin="0">
                <TextBlock HorizontalAlignment="Left" VerticalAlignment="Center"> My window</TextBlock>
                    <Button Content="一" Name="btnMin" Click="btnMin_Click" HorizontalAlignment="Right" Foreground="White" Margin="0,0,45,0" Height="20" Width="20" Style="{DynamicResource myBtnStyle}" VerticalAlignment="Center" />
                    <Button Content="口" Name="btnMaxOrMin" Click="btnMaxOrMin_Click" HorizontalAlignment="Right" Foreground="White" Margin="0,0,25,0" Height="20" Width="20" Style="{DynamicResource myBtnStyle}" VerticalAlignment="Center"  />
                    <Button Content="X" HorizontalAlignment="Right" Foreground="White" Margin="0,0,5,0" Height="20" Width="20" Style="{DynamicResource myBtnStyle}" VerticalAlignment="Center" Click="Button_Click" />
            </Grid>
            </Border>
            <Grid Grid.Row="1" Background="White" >

                    <Button Content="Button" Height="36" Width="120" Margin="130,127,209,0" Style="{DynamicResource myBtnStyle}" VerticalAlignment="Top"/>

            </Grid>

            <Grid Grid.Row="2" Background="White">
                <Border Height="5" Width="5" Background="White" CornerRadius="500,0,0,0" VerticalAlignment="Bottom" HorizontalAlignment="Right" Cursor="SizeNWSE" MouseLeftButtonDown="Border_MouseLeftButtonDown" MouseLeftButtonUp="Border_MouseLeftButtonUp" MouseMove="Border_MouseMove">

                </Border>

            </Grid>
        </Grid>

    </Border>
</Window>

后台：

/// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            this.InitializeComponent();

            // 在此点下面插入创建对象所需的代码。
        }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            this.Close();
        }

        private void Grid_MouseDown(object sender, MouseButtonEventArgs e)
        {
            if (e.LeftButton == MouseButtonState.Pressed)
            {
                DragMove();
            }
        }

        //拖动改变窗体大小
        bool isWiden = false;
        Rect rcnormal;//定义一个全局rect记录还原状态下窗口的位置和大小。

        private void Border_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            isWiden = true;
        }

        private void Border_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
        {
            isWiden = false;
            Border b = (Border)sender;
            b.ReleaseMouseCapture();
        }

        private void Border_MouseMove(object sender, MouseEventArgs e)
        {
            Border b = (Border)sender;
            if (isWiden)
            {
                b.CaptureMouse();
                ;
                ;
                )
                {
                    this.Width = newWidth;

                }
                )
                {
                    this.Height = newheight;
                }
            }

        }

        private void btnMin_Click(object sender, RoutedEventArgs e)
        {
            this.WindowState = WindowState.Minimized;
        }

        private void btnMaxOrMin_Click(object sender, RoutedEventArgs e)
        {
            Rect rc = SystemParameters.WorkArea;//获取工作区大小
            if (this.Width == rc.Width)
            {
                this.Left = rcnormal.Left;
                this.Top = rcnormal.Top;
                this.Width = rcnormal.Width;
                this.Height = rcnormal.Height;
            }
            else
            {
                rcnormal = new Rect(this.Left, this.Top, this.Width, this.Height);//保存下当前位置与大小
                ;//设置位置
                ;

                this.Width = rc.Width;
                this.Height = rc.Height;
            }
        }
    }

效果图：（鼠标放置在右下角，修改窗体尺寸）

Wpf 简单制作自己的窗体样式（2）的更多相关文章

Wpf 简单制作自己的窗体样式
最近一直在搞wpf相关的东东,由于还在门外徘徊,所以第一篇blog写了简单的制作扁平化的wpf button样式,这一篇也简单的制作属于自己wpf 窗体的样式. 废话少说,下面就开始制作自己的窗体样式 ...
WPF中制作无边框窗体
原文:WPF中制作无边框窗体众所周知,在WinForm中,如果要制作一个无边框窗体,可以将窗体的FormBorderStyle属性设置为None来完成.如果要制作成异形窗体,则需要使用图片或者使用G ...
01.WPF中制作无边框窗体
[引用:]http://blog.csdn.net/johnsuna/article/details/1893319 众所周知,在WinForm中,如果要制作一个无边框窗体,可以将窗体的FormB ...
wpf 导出Excel Wpf Button 样式 wpf简单进度条 List泛型集合对象排序 C#集合
wpf 导出Excel 1 private void Button_Click_1(object sender, RoutedEventArgs e) 2 { 3 4 ExportDataGrid ...
WPF自定义Window窗体样式
资源文件代码: <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation ...
WPF简单入门总结
WPF简单总结最近看了点关于WPF的东西,总结了点点入门的东西. XAML语法基础 1. 定义样式 <Window.Resources> < ...
.NET CORE(C#) WPF简单菜单MVVM绑定
微信公众号:Dotnet9,网站:Dotnet9,问题或建议:请网站留言, 如果对您有所帮助:欢迎赞赏. .NET CORE(C#) WPF简单菜单MVVM绑定阅读导航本文背景代码实现本文参考 ...
Winform自定义窗体样式，实现标题栏可灵活自定义
最近在编写C/S结构应用程序时,感觉窗体的标题栏样式太死板了,标题文字不能更改大小.颜色.字体等,按钮不能隐藏等问题,在网上也查找了许多相关的资料,没有找到合适的解决方案,发现许多人也在寻求这个问题, ...
WPF流程图制作系列相关基础一
WPF流程图制作相关基础一需求是要通过wpf开发流程图,这个流程图是用户自行拖动配置. 使用过流程图的话,应该大体能想象出流程图拖动配置的样子.这里主要会涉及到的技术知识点就是 wpf拖动相 ...

随机推荐

《JavaScript学习指南》第2版学习笔记1
1.<noscript> 标签 noscript 元素用来定义在脚本未被执行时的替代内容(文本). 注释:如果浏览器支持脚本,那么它不会显示出 noscript 元素中的文本.无法识别 & ...
【报错】"The constructor Notification(int, CharSequence, long) is deprecated
Notification的构造方法 Notification(int, CharSequence, long) 在API11之后就淘汰了,之后的API需要用Notification.Builder() ...
Objective-C ,ios,iphone开发基础:多个视图（view）之间的切换，以及视图之间传值。
所有的视图都继承自 UIViewController,都使用 - (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nib ...
CSS3 box-flex属性和box-orient属性
比较有意思的是虽然目前没有浏览器支持box-flex,box-orient属性,但CSS3问世以来,这两个属性却一直很火.2014年阿里校招第5题要求使用CSS3中的功能实现三个矩形的布局,总的宽度为 ...
java开发：分享一下MemCached的使用
在项目开发中,有些不经常修改的数据,我们通常都会选择使用缓存.其中一种方式,就是memcached. windows系统中,我们需要下载并安装memcached. 地址如:D:\memcached\m ...
【Cocos2d入门教程一】Cocos2d-x环境搭建
在进行Cocos2d游戏开发前我们先来配置一下环境,我们先来准备一下工具,我们所需要的工具分别为: 1.Cocos2d引擎 2.JDK 3.SDK 4.NDK 5.ANT 6.ADT 1.下载Coc ...
搭建私有git代码托管服务就是这么简单（简单5步）
部署一个git代码托管服务就是这么简单 --基于阿里云ecs以docker容器运行gogs代码托管服务部署步骤: 1.新建ecs云主机,选定操作系统为ubuntu 12.4tls 2.搭建docke ...
python的全局变量玩法还挺特别的
global g_arr def add(): #global g_arr g_arr = [] g_arr.append(1) add() print g_arr #你将收获一个NameError错 ...
Contoso 大学 - 3 - 排序、过滤及分页
原文 Contoso 大学 - 3 - 排序.过滤及分页目录 Contoso 大学 - 使用 EF Code First 创建 MVC 应用原文地址:http://www.asp.net/mvc/ ...
合理使用mysql中的load data infile导入数据
基本语法: load data [low_priority] [local] infile 'file_name txt' [replace | ignore]into table tbl_name ...

Wpf 简单制作自己的窗体样式（2）

Wpf 简单制作自己的窗体样式（2）的更多相关文章

随机推荐

热门专题