WPF MVVM窗体设计基础

最新推荐文章于 2023-09-19 17:04:52 发布
最新推荐文章于 2023-09-19 17:04:52 发布
阅读量735 收藏 4
点赞数
分类专栏： WPF开发 文章标签： WPF MVVM
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012842630/article/details/94982611
版权

    WPF（Windows Presentation Foundation）是微软推出的基于Windows 的用户界面框架，属于.NET Framework 3.0的一部分。它提供了统一的编程模型、语言和框架，真正做到了分离界面设计人员与开发人员的工作；同时它提供了全新的多媒体交互用户图形界面。

    MVVM是Model-View-ViewModel的简写。它就是将其中的View 的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们做了，它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。微软的WPF带来了新的技术体验，如Silverlight、音频、视频、3D、动画……，这导致了软件UI层更加细节化、可定制化。同时，在技术层面，WPF也带来了 诸如Binding、Dependency Property、Routed Events、Command、DataTemplate、ControlTemplate等新特性。MVVM（Model-View-ViewModel）框架的由来便是MVP（Model-View-Presenter）模式与WPF结合的应用方式时发展演变过来的一种新型架构框架。它立足于原有MVP框架并且把WPF的新特性糅合进去，以应对客户日益复杂的需求变化。

  • 窗口事件

1.窗口事件注册

public class WindowBehaviours : Behavior<Window>
    {
        public static readonly DependencyProperty CloseProperty =
          DependencyProperty.Register(
          "Close",
          typeof(bool),
          typeof(WindowBehaviours),
          new FrameworkPropertyMetadata(
                    false,
                    OnCloseChanged));

        public bool Close
        {
            get { return (bool)GetValue(CloseProperty); }
            set { SetValue(CloseProperty, value); }
        }

        private static void OnCloseChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            var window = ((WindowBehaviours)d).AssociatedObject;
            var newValue = ((bool)e.NewValue);
            if (newValue)
            {
                window.Close();
            }
        }


        public static readonly DependencyProperty ShowInTaskbarProperty =
          DependencyProperty.Register(
          "IsShowInTaskbar",
          typeof(bool),
          typeof(WindowBehaviours),
          new FrameworkPropertyMetadata(
                    false,
                    OnIsShowInTaskbarChanged));

        public bool IsShowInTaskbar
        {
            get { return (bool)GetValue(ShowInTaskbarProperty); }
            set { SetValue(ShowInTaskbarProperty, value); }
        }

        private static void OnIsShowInTaskbarChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            var window = ((WindowBehaviours)d).AssociatedObject;
            var newValue = ((bool)e.NewValue);
            window.ShowInTaskbar = newValue;
        }
    }

2.窗口事件使用

<Window x:Class="BookStore.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:BookStore.Vm"
        xmlns:event="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"
    Title="欢迎使用图书商城" Height="300" Width="425" WindowStartupLocation="CenterScreen" Icon="pack://siteoforigin:,,,/Resources/smartATE.ico" WindowStyle="ToolWindow" ResizeMode="NoResize">
    <event:Interaction.Behaviors>
        <local:WindowBehaviours Close="{Binding IsWinClose}"/>
        <local:WindowBehaviours IsShowInTaskbar="{Binding IsShowInTaskbar}"/>
    </event:Interaction.Behaviors>
</Window>

数据绑定

        <TextBlock Grid.Column="1" Margin="0" Grid.Row="1" TextWrapping="Wrap" Width="auto" Text="用户" TextAlignment="Center" />
        <TextBlock Grid.Column="1" Margin="0" Grid.Row="3" Grid.RowSpan="1" TextWrapping="Wrap" Width="auto" Text="密码" TextAlignment="Center" />
        <TextBox Grid.Column="2"  Margin="0" Grid.Row="1" Grid.RowSpan="1" TextWrapping="Wrap" Text="{Binding UserID}" Width="auto"/>
        <PasswordBox Grid.Column="2"  Margin="0" Grid.Row="3" Grid.RowSpan="1" local:PasswordBoxHelper.Attach ="True" Name="pwd"
                      local:PasswordBoxHelper.Password ="{Binding Password, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/>

密码框绑定辅助类

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

namespace BookStore.Vm
{
    public static class PasswordBoxHelper
    {

        public static readonly DependencyProperty PasswordProperty = DependencyProperty.RegisterAttached("Password", typeof(string), typeof(PasswordBoxHelper), 
                                                                                                          new FrameworkPropertyMetadata(string.Empty, OnPasswordPropertyChanged));
        public static readonly DependencyProperty AttachProperty = DependencyProperty.RegisterAttached("Attach", typeof(bool), typeof(PasswordBoxHelper), new PropertyMetadata(false, OnAttachPropertyChanged));

        private static readonly DependencyProperty IsUpdatingProperty = DependencyProperty.RegisterAttached("IsUpdating", typeof(bool), typeof(PasswordBoxHelper));


        public static void SetAttach(DependencyObject dp, bool value)
        {
            dp.SetValue(AttachProperty, value);
        }

        public static bool GetAttach(DependencyObject dp)
        {
            return (bool)dp.GetValue(AttachProperty);
        }

        public static string GetPassword(DependencyObject dp)
        {
            return (string)dp.GetValue(PasswordProperty);
        }

        public static void SetPassword(DependencyObject dp, string value)
        {
            dp.SetValue(PasswordProperty, value);
        }

        private static bool GetIsUpdating(DependencyObject dp)
        {
            return (bool)dp.GetValue(IsUpdatingProperty);
        }

        private static void SetIsUpdating(DependencyObject dp, bool value)
        {
            dp.SetValue(IsUpdatingProperty, value);
        }

        private static void OnPasswordPropertyChanged(DependencyObject sender, DependencyPropertyChangedEventArgs e)
        {
            PasswordBox passwordBox = sender as PasswordBox;
            passwordBox.PasswordChanged -= PasswordChanged;
            if (!(bool)GetIsUpdating(passwordBox))
            {
                passwordBox.Password = (string)e.NewValue;
            }
            passwordBox.PasswordChanged += PasswordChanged;
        }

        private static void OnAttachPropertyChanged(DependencyObject sender, DependencyPropertyChangedEventArgs e)
        {
            PasswordBox passwordBox = sender as PasswordBox;
            if (passwordBox == null)
            {
                return;
            }               
            if ((bool)e.OldValue)
            {
                passwordBox.PasswordChanged -= PasswordChanged;
            }
            if ((bool)e.NewValue)
            {
                passwordBox.PasswordChanged += PasswordChanged;
            }
        }

        private static void PasswordChanged(object sender, RoutedEventArgs e)
        {
            PasswordBox passwordBox = sender as PasswordBox;
            SetIsUpdating(passwordBox, true);
            SetPassword(passwordBox, passwordBox.Password);
            SetIsUpdating(passwordBox, false);
        }
    }
}

按钮事件绑定


            <Button Content="登录" Width="auto" Margin="0" Grid.Column="1" Command="{Binding LoginCommand}"/>
            <Button Content="取消" Width="auto" Margin="0" Grid.Column="3" Command="{Binding CancelCommand}" />

后台代码

using BookStore.View;
using GalaSoft.MvvmLight;
using GalaSoft.MvvmLight.Command;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Input;

namespace BookStore.ViewMode
{
    public class Vm_MainWindow : ViewModelBase
    {
        public Vm_MainWindow()
        {
            LoginCommand = new RelayCommand(ProcessLogin);
            CancelCommand = new RelayCommand(ProcessCancel);
        }

        public void ProcessLogin()
        {
            if (UserID == "Admin" && Password == "123")
            {
                IsShowInTaskbar = false;
                Tip = "";
                WindowBookStore wi = new WindowBookStore();
                //wi.Owner = this;
                wi.ShowDialog();
            }
            else
                Tip = "用户名或密码错误";
        }
        public void ProcessCancel()
        {
            IsWinClose = true;
        }
        #region

        private ICommand _loginCommand;

        public ICommand LoginCommand
        {
            get { return _loginCommand; }
            set { _loginCommand = value; }
        }


        private ICommand _cancelCommand;

        public ICommand CancelCommand
        {
            get { return _cancelCommand; }
            set { _cancelCommand = value; }
        }
        private bool _isWinClose;
        /// <summary>
        /// 指示窗口是否关闭
        /// </summary>
        public bool IsWinClose
        {
            get { return _isWinClose; }
            set
            {
                _isWinClose = value;
                RaisePropertyChanged("IsWinClose");

                //窗口关闭则重置窗口状态
                if (IsWinClose)
                {
                    ResetWindowCloseState();
                }
            }
        }

        //重置窗口状态
        private void ResetWindowCloseState()
        {
            IsWinClose = false;
        }

        private string _userID = "Admin";

        public string UserID
        {
            get { return _userID; }
            set
            {
                _userID = value;
                RaisePropertyChanged("UserID");
            }
        }


        private string _password = "123";

        public string Password
        {
            get { return _password; }
            set
            {
                _password = value;
                RaisePropertyChanged("Password");
            }
        }


        private string _Tip;

        public string Tip
        {
            get { return _Tip; }
            set
            {
                _Tip = value;
                RaisePropertyChanged("Tip");
            }
        }

        #region IsShowInTaskbar

        private bool _IsShowInTaskbar = true;

        public bool IsShowInTaskbar
        {
            get { return _IsShowInTaskbar; }
            set
            {
                _IsShowInTaskbar = value;
                RaisePropertyChanged("IsShowInTaskbar");
            }
        }


        #endregion
        #endregion
    }
}

前台代码

<Window x:Class="BookStore.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:BookStore.Vm"
        xmlns:event="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"
    Title="欢迎使用图书商城" Height="300" Width="425" WindowStartupLocation="CenterScreen" Icon="pack://siteoforigin:,,,/Resources/smartATE.ico" WindowStyle="ToolWindow" ResizeMode="NoResize">
    <event:Interaction.Behaviors>
        <local:WindowBehaviours Close="{Binding IsWinClose}"/>
        <local:WindowBehaviours IsShowInTaskbar="{Binding IsShowInTaskbar}"/>
    </event:Interaction.Behaviors>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="95*"/>
            <RowDefinition Height="auto"/>
            <RowDefinition Height="57*"/>
            <RowDefinition Height="auto"/>
            <RowDefinition Height="57*"/>
            <RowDefinition Height="31*"/>
            <RowDefinition Height="45*"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="50*"/>
            <ColumnDefinition Width="60*"/>
            <ColumnDefinition Width="120*"/>
            <ColumnDefinition Width="50*"/>
        </Grid.ColumnDefinitions>
        <TextBlock Grid.Column="1" Margin="0" Grid.Row="1" TextWrapping="Wrap" Width="auto" Text="用户" TextAlignment="Center" />
        <TextBlock Grid.Column="1" Margin="0" Grid.Row="3" Grid.RowSpan="1" TextWrapping="Wrap" Width="auto" Text="密码" TextAlignment="Center" />
        <TextBox Grid.Column="2"  Margin="0" Grid.Row="1" Grid.RowSpan="1" TextWrapping="Wrap" Text="{Binding UserID}" Width="auto"/>
        <PasswordBox Grid.Column="2"  Margin="0" Grid.Row="3" Grid.RowSpan="1" local:PasswordBoxHelper.Attach ="True" Name="pwd"
                      local:PasswordBoxHelper.Password ="{Binding Password, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/>        
        <Grid Grid.ColumnSpan="2" Grid.Column="1" Height="auto" Margin="0" Grid.Row="5" Grid.RowSpan="1"  Width="auto">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="50*"/>
                <ColumnDefinition Width="60*"/>
                <ColumnDefinition Width="40*"/>
                <ColumnDefinition Width="50*"/>
                <ColumnDefinition Width="50*"/>
            </Grid.ColumnDefinitions>
            <Button Content="登录" Width="auto" Margin="0" Grid.Column="1" Command="{Binding LoginCommand}"/>
            <Button Content="取消" Width="auto" Margin="0" Grid.Column="3" Command="{Binding CancelCommand}" />
        </Grid>
        <Label Content="{Binding Tip}" Grid.Column="1" Margin="0" Grid.Row="4" Grid.ColumnSpan="2" Width="auto" VerticalContentAlignment="Center" HorizontalContentAlignment="Center" Foreground="#FFB20808" />

    </Grid>
</Window>

DataGrid选择行颜色设置

                        <DataGrid.Resources>
                            <SolidColorBrush x:Key="{x:Static SystemColors.InactiveSelectionHighlightBrushKey}" Color="#FF7ECB7E"/>
                            <SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="#FF72DBE0"/>
                        </DataGrid.Resources>

 

 

@David Liu
关注
专栏目录
MVC、MVP和MVVM这三种设计模式的区别
是阿超
07-16 1137
MVC、MVP 和 MVVM 这三种设计模式的区别
WPF 窗体设计关于WPF的一个窗体设计的例子程序
03-19
关于WPF的一个窗体设计的例子程序关于WPF的一个窗体设计的例子程序关于WPF的一个窗体设计的例子程序
WPF界面设计技巧（1）—不规则窗体图文指南
weixin_34323858的博客
07-13 220
  初到园子，奉上第一篇入门级教程，请勿见笑。 以往WinForm编程中，实现不规则窗体是有一定难度的，更难的是不规则窗体的边缘抗锯齿及局部透明处理。而现在，WPF的出现使这个问题迎刃而解，使得我们可以轻松、灵活地美化用户界面。 下面就让我们来看看如何实现一个不规则窗体： 首先我们需要借助Microsoft Expression Design 2来进行图形设计。（这里使用Photos...
WPF设计の不规则窗体
weixin_30292843的博客
10-09 133
　　我们在工作中，经常会需要画一些不规则的窗体，现在总结如下。 一、利用VisualBrush实现。这依赖于VisualBrush的特性，任何控件可以作为画刷，而画刷又可以作为背景。 此种方法可以用于实现一些文字窗体等。（注意设置窗体的透明属性） 　　例如： <Window x:Class="IconFontTest.Window1" ...
WPF设计の自定义窗体
weixin_30347335的博客
10-09 213
效果图如下： 实现思路： 1.继承Window类 2.为自定义的CustomWindow类设计窗体样式（使用Blend很方便！） 3.为窗体增加最大最小化和关闭按钮，并实现鼠标拖拽改变窗体大小(使用Derek Bartram的WindowResizer.dll库) 代码说明： 1.继承Window类 创建CustomWindow类，继承自Syst...
WPF 一个MVVM的简单例子
weixin_33713503的博客
10-24 1361
如下图是系统的结构图：这个示例是模仿计算器的MVVM模式的精简版，非常简单。 这篇文章就开门见山了，有关MVVM的理论部分，请参考MVVM设计模式 1、App中的代码： publicApp() { CalculatorView view = newCalculatorView(); view.DataContext...
关于WPF异步MVVM等待窗体的介绍
09-08
在WPF应用中，MVVM（Model-View-ViewModel）是一种设计模式，它鼓励分离界面逻辑与业务逻辑，提供更好的可测试性和可维护性。在处理异步操作时，如从远程服务获取数据或者进行耗时计算，用户界面可能会显得无响应，...
WPF mvvm框架Stylet使用教程-窗体交互用法
04-16
Windows Presentation Foundation (WPF) 是Microsoft提供的一种用于构建桌面应用程序的框架，它引入了Model-View-ViewModel (MVVM) 设计模式，使得UI设计和业务逻辑分离，提高了开发效率。Stylet是一个轻量级的MVVM...
WPF MVVM完整示例（登录窗口）
09-17
在Windows Presentation Foundation (WPF)中，Model-View-ViewModel (MVVM)是一种常见的设计模式，它将业务逻辑、用户界面和数据模型分离，使得代码更加可测试和易于维护。本示例以一个登录窗口为例，深入探讨了MVVM...
Wpf mvvm的Stylet框架基础用法示例
04-12
在Windows Presentation Foundation（WPF）应用程序开发中，Model-View-ViewModel（MVVM）设计模式已成为主流，它鼓励代码分离，提高可测试性和可维护性。而Stylet框架是针对WPF MVVM的一个轻量级库，旨在简化开发...
WPF窗体设计心得小记
weixin_30647065的博客
03-06 152
WPF设计已逐渐向Web设计靠拢，比较主流的窗体设计大体分为：Header，Content，Footer三部分。窗体的Content部分随着界面切换不断跳变，但程序时钟运行在一个窗体内。 WPF开发可以考虑family show的程序模型，采用UserControl而非Window来开发程序，用UserControl取代Window的好处是，不需要再考虑窗口之间的交互问题，因为从头到尾所有程...
WPF MVVM框架的简单实例
07-26
WPF MVVM框架的简单学习 WPF MVVM框架的简单学习 WPF MVVM框架的简单学习
wpf中MVVM模式下窗体跳转及显隐控制实现
09-04
MVVM中的，如何通过命令实现窗体之间的跳转、拖动以及显隐控制一直是困扰初学者的一个难题，本程序通过简单的示例代码，实现了这些功能，可以帮助初学者快速掌握这些基础操作。
WPF_自定义无边框窗体
最新发布
qq_31461977的博客
09-19 533
使用WindowChrome方式实现自定义窗体的拖动、大小拖拽、系统菜单、双击最大化、双击正常等功能。
WPF教程（九）窗体
刺猬的优雅
10-07 6130
在创建WPF应用的时候，你第一个看到的就是窗体类。它作为窗体的基础，提供标准的边框、工具条、最大化、最小化和关闭按钮。WPF窗体是XAML文件和后台代码文件的混合体。在VS(Express)里面创建一个WPF应用，将会生成一个默认窗体，显示如下代码： <Window x:Class="WpfApplication1.Window1" xmlns="http://schemas.mic
wpf mvvm 实例
weixin_30819163的博客
08-01 136
1.程序结构如图所示： 2.Model实现 在Model文件夹下新建业务类StudentModel，代码如下： public class StudentModel : INotifyPropertyChanged { private int studentId; public int StudentId { ge...
WPF 之MVVM实例
zhang8907xiaoyue的博客
12-24 1332
一、安装 1、nuget搜索“mvvmlight”安装 安装完成安装了如下3个相关插件 mvvmlights和commonservicelocator是自动关联安装的 2、安装时版本不要选最新，否则后期会提示找不到相关引用 如下图，安装4.X版本 3、安装完成后，项目目录下自动生成viewmodel文件夹和viewmodellocator类 viewmodellocato...
简单WPF MVVM实现
u010209404的博客
02-23 569
最简单的MVVM 代码示例. ViewModel 的属性,视图,命令都基于特性标记实现;
WPF MVVM异步等待解决方案：SprocketControl的应用
本文档主要介绍了在Windows Presentation Foundation (WPF) 的MVVM架构中处理异步操作时如何使用等待窗体来提供用户体验改进。在实际开发中，特别是在ViewModel（视图模型）中，处理Model（模型）的数据可能涉及网络...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

@David Liu

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值