首页 / C# / .NET CORE(C#) WPF 方便的实现用户控件切换（祝大家新年快乐）

.NET CORE(C#) WPF 方便的实现用户控件切换（祝大家新年快乐）

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了.NET CORE(C#) WPF 方便的实现用户控件切换（祝大家新年快乐），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含10033字，纯文字阅读大概需要15分钟。

内容图文

微信公众号：dotnet9，网站：Dotnet9，问题或建议：请网站留言，
如果对您有所帮助：欢迎赞赏。

.NET CORE(C#) WPF 方便的实现用户控件切换（祝大家新年快乐）

快到2020年了，祝大家新年快乐，今年2019最后一更，谢谢大家支持！

阅读导航

本文背景
代码实现
本文参考
源码

1. 本文背景

一个系统主界面，放上一个菜单，点击菜单在客户区切换不同的展示界面，这是很常规的设计，见下面展示效果图：

.NET CORE(C#) WPF 方便的实现用户控件切换（祝大家新年快乐） - 文章图片

左侧一个菜单，点击菜单，右侧切换界面，界面切换动画使用MD控件的组件实现（自己使用动画也能实现）。

2. 代码实现

使用 .NET CORE 3.1 创建名为 “MenuChange” 的WPF模板项目，添加1个Nuget库：MaterialDesignThemes，版本为最新预览版3.1.0-ci948。

解决方案主要文件目录组织结构：

AnimatedMenu
- App.xaml
- MainWindow.xaml
  - MainWindow.xaml.cs
- ..[数个演示模块用户控件]

2.1 引入样式

文件【App.xaml】，在 StartupUri 中设置启动的视图【MainWindow.xaml】，并在【Application.Resources】节点增加 MaterialDesignThemes库的样式文件：

<Application.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Light.xaml" />
            <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Defaults.xaml" />
            <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Primary/MaterialDesignColor.Blue.xaml" />
            <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Accent/MaterialDesignColor.Indigo.xaml" />
        </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
</Application.Resources>

2.2 演示窗体

文件【MainWindow.xaml】，布局代码、动画代码都在此文件中，源码如下：

<Window x:Class="MenuChange.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="d"
        Height="600" Width="1024" WindowStartupLocation="CenterScreen" ResizeMode="NoResize" WindowStyle="None" >
    <Grid Background="#FFEEEEEE" MouseDown="Grid_MouseDown">
        <StackPanel VerticalAlignment="Top">
            <Grid Background="#FF0069C0" Height="10"/>
            <Grid Margin="5">
                <StackPanel HorizontalAlignment="Center" Orientation="Horizontal">
                    <TextBlock Text="Dotnet9.com" VerticalAlignment="Center" FontSize="20" FontFamily="Champagne &amp; Limousines" Margin="20 0"/>
                    <Button Width="30" Height="30" Background="{x:Null}" BorderBrush="{x:Null}" Padding="0" Foreground="Gray">
                        <materialDesign:PackIcon Kind="Wechat"/>
                    </Button>
                    <Button Width="30" Height="30" Background="{x:Null}" BorderBrush="{x:Null}" Padding="0" Foreground="Gray">
                        <materialDesign:PackIcon Kind="Qqchat"/>
                    </Button>
                    <Button Width="30" Height="30" Background="{x:Null}" BorderBrush="{x:Null}" Padding="0" Foreground="Gray">
                        <materialDesign:PackIcon Kind="GithubBox"/>
                    </Button>
                </StackPanel>
                <StackPanel Orientation="Horizontal" HorizontalAlignment="Right" Margin="10 0">
                    <Button Width="30" Height="30" Background="{x:Null}" BorderBrush="{x:Null}" Padding="0" Foreground="Gray">
                        <materialDesign:PackIcon Kind="BellOutline"/>
                    </Button>
                    <Button Width="30" Height="30" Background="{x:Null}" BorderBrush="{x:Null}" Padding="0" Foreground="Gray" Margin="0 0 10 0">
                        <materialDesign:PackIcon Kind="Settings"/>
                    </Button>
                    <Button x:Name="ButtonFechar" Width="30" Height="30" Background="{x:Null}" BorderBrush="{x:Null}" Padding="0" Foreground="Gray" Click="ButtonFechar_Click">
                        <materialDesign:PackIcon Kind="Close"/>
                    </Button>
                </StackPanel>
            </Grid>
        </StackPanel>

        <Grid Margin="250 55 0 0">
            <Grid x:Name="GridPrincipal" HorizontalAlignment="Center" VerticalAlignment="Center"/>
        </Grid>

        <Grid Width="250" HorizontalAlignment="Left" Background="#FF222222">
            <materialDesign:TransitioningContent x:Name="TrainsitionigContentSlide" OpeningEffect="{materialDesign:TransitionEffect SlideInFromLeft, Duration=0:0:0.2}">
                <Grid x:Name="GridCursor" Margin="0 100 0 0" Background="#FF0069C0" Width="10" HorizontalAlignment="Left" Height="60" VerticalAlignment="Top"/>
            </materialDesign:TransitioningContent>
            <Image Source="https://img.dotnet9.com/logo-head.png" VerticalAlignment="Top"/>
            <Image Source="https://img.dotnet9.com/logo-foot.png" VerticalAlignment="Bottom"/>
            <ListView x:Name="ListViewMenu" Margin="0 100" Foreground="LightGray" FontFamily="Champagne &amp; Limousines" FontSize="18" SelectionChanged="ListViewMenu_SelectionChanged" SelectedIndex="0">
                <ListViewItem Height="60">
                    <StackPanel Orientation="Horizontal">
                        <materialDesign:PackIcon Kind="Home" Width="30" Height="30" VerticalAlignment="Center" Margin="5"/>
                        <TextBlock Text="首页" FontSize="17" VerticalAlignment="Center" Margin="20 0"/>
                    </StackPanel>
                </ListViewItem>
                <ListViewItem Height="60">
                    <StackPanel Orientation="Horizontal">
                        <materialDesign:PackIcon Kind="LanguageCsharp" Width="30" Height="30" VerticalAlignment="Center" Margin="5"/>
                        <TextBlock Text="WPF" FontSize="17" VerticalAlignment="Center" Margin="20 0"/>
                    </StackPanel>
                </ListViewItem>
                <ListViewItem Height="60">
                    <StackPanel Orientation="Horizontal">
                        <materialDesign:PackIcon Kind="LanguageCsharp" Width="30" Height="30" VerticalAlignment="Center" Margin="5"/>
                        <TextBlock Text="Winform" FontSize="17" VerticalAlignment="Center" Margin="20 0"/>
                    </StackPanel>
                </ListViewItem>
                <ListViewItem Height="60">
                    <StackPanel Orientation="Horizontal">
                        <materialDesign:PackIcon Kind="LanguageCsharp" Width="30" Height="30" VerticalAlignment="Center" Margin="5"/>
                        <TextBlock Text="ASP.NET CORE" FontSize="17" VerticalAlignment="Center" Margin="20 0"/>
                    </StackPanel>
                </ListViewItem>
                <ListViewItem Height="60">
                    <StackPanel Orientation="Horizontal">
                        <materialDesign:PackIcon Kind="LanguageCsharp" Width="30" Height="30" VerticalAlignment="Center" Margin="5"/>
                        <TextBlock Text="Xamarin.Forms" FontSize="17" VerticalAlignment="Center" Margin="20 0"/>
                    </StackPanel>
                </ListViewItem>
                <ListViewItem Height="60">
                    <StackPanel Orientation="Horizontal">
                        <materialDesign:PackIcon Kind="LanguageCpp" Width="30" Height="30" VerticalAlignment="Center" Margin="5"/>
                        <TextBlock Text="C++" FontSize="17" VerticalAlignment="Center" Margin="20 0"/>
                    </StackPanel>
                </ListViewItem>
            </ListView>
        </Grid>

    </Grid>
</Window>

简单说明下：

"GridPrincipal" 作为客户区子模块界面容器，展示新界面时，先移除旧用户控件，再添加新用户控件（站长以前使用时，是遍历容器中所有用户界面，对非选择用户控件作隐藏操作，然后添加新用户控件或者对已存在的被选择用户控件作显示操作）。
左侧菜单项使用 "ListView" 进行布局，实际开发需要运用模板，使用MVVM做成动态菜单，方便扩展。
右侧切换的子模块界面应该使用Prism或者其他框架（自已实现的模块dll）实现的子界面，方便动态扩展（需要和左侧菜单项进行关联）。

文件【MainWindow.xaml.cs】，后台关闭窗体、菜单点击切换子模块界面、窗体移动等事件处理：

using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;

namespace MenuChange
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }
        private void ButtonFechar_Click(object sender, RoutedEventArgs e)
        {
            Application.Current.Shutdown();
        }

        private void Grid_MouseDown(object sender, MouseButtonEventArgs e)
        {
            DragMove();
        }

        private void ListViewMenu_SelectionChanged(object sender, SelectionChangedEventArgs e)
        {
            int index = ListViewMenu.SelectedIndex;
            MoveCursorMenu(index);

            switch (index)
            {
                case 0:
                    GridPrincipal.Children.Clear();
                    GridPrincipal.Children.Add(new UserControlMain());
                    break;
                case 1:
                    GridPrincipal.Children.Clear();
                    GridPrincipal.Children.Add(new UserControlWPF());
                    break;
                case 2:
                    GridPrincipal.Children.Clear();
                    GridPrincipal.Children.Add(new UserControlWinform());
                    break;
                case 3:
                    GridPrincipal.Children.Clear();
                    GridPrincipal.Children.Add(new UserControlASPNETCORE());
                    break;
                case 4:
                    GridPrincipal.Children.Clear();
                    GridPrincipal.Children.Add(new UserControlXamarinForms());
                    break;
                case 5:
                    GridPrincipal.Children.Clear();
                    GridPrincipal.Children.Add(new UserControlCPP());
                    break;
                default:
                    break;
            }
        }

        private void MoveCursorMenu(int index)
        {
            TrainsitionigContentSlide.OnApplyTemplate();
            GridCursor.Margin = new Thickness(0, (100 + (60 * index)), 0, 0);
        }
    }
}

方便演示，点击菜单，切换子用户控件时时写死的，见上面的说明，左侧菜单及右侧切换的子用户控件需要进行关联配置，方便扩展，建议使用Prism的模块化开发。

2.3 演示主模块

文件【UserControlMain.xaml】，只展示其中一个子模块用户控件吧，其他类似，文末有源码、可运行Demo供下载参考。

注意： 需要使用MD控件的 TransitioningContent 组件将用户控件可视区域包裹起来，用于使用MD的移动切换动画，其中 OpeningEffect 见名思意，即是展示此用户控件时，动画如何播放，见下面代码，SlideInFromLeft 是指示展示时由左向右缓动，相反 SlideInFromRight即是由右向左缓动，其他属性可查阅MD官网或者Demo研究。

<UserControl x:Class="MenuChange.UserControlMain"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             mc:Ignorable="d"
             Height="auto" Width="auto">
    <Grid>
        <materialDesign:TransitioningContent x:Name="TrainsitionigContentSlide" OpeningEffect="{materialDesign:TransitionEffect SlideInFromLeft, Duration=0:0:0.8}">
            <StackPanel Background="#33ff0000">
                <TextBox HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="30" Foreground="White" Text="https://dotnet9.com"/>
                <Image Source="https://img.dotnet9.com/20200124165746.png"/>
            </StackPanel>
        </materialDesign:TransitioningContent>
    </Grid>
</UserControl>

已奉上关键代码，全部代码文末有下载链接...

3.本文参考

视频一：C# WPF Material Design UI: Fast Food Sales，配套源码：Pizzaria1。
C# WPF开源控件库《MaterialDesignInXAML》

4.源码

站长方便演示，文中的图片使用的本站外链图片：

演示Demo下载

除非注明，文章均由 Dotnet9 整理发布，欢迎转载。

转载请注明本文地址：https://dotnet9.com/7743.html

欢迎扫描下方二维码关注 Dotnet9 的微信公众号，本站会及时推送最新技术文章

时间如流水，只能流去不流回！

点击《【阅读原文】》，本站还有更多技术类文章等着您哦！！！

此刻顺便为我点个《【再看】》可好？

内容总结

以上是互联网集市为您收集整理的.NET CORE(C#) WPF 方便的实现用户控件切换（祝大家新年快乐）全部内容，希望文章能够帮你解决.NET CORE(C#) WPF 方便的实现用户控件切换（祝大家新年快乐）所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/644786.html

来源：【匿名】

【上一篇】C#的类加载和传值【下一篇】assemblyinfo.csC#Assembly类访问程序集信息

更多 ►

【.NET CORE(C#) WPF 方便的实现用户控件切换（祝大家新年快乐）】教程文章相关的互联网学习教程文章

C# 实现数字字符串左补齐0的两种方法【代码】【图】

string sss = string.Format("{0:d8}", 500);MessageBox.Show(sss);return; 代码如上，自动补齐前面的0 原文：http://www.cnblogs.com/testsec/p/6096016.html

思路是用加密程序对硬盘号，cpu号和MAC号取出字符串并加密产生一个序列号每次程序启动后重新产生这个序列号并比对，如果一致则验证通过using System;using System.Collections.Generic;using System.IO;using System.Management;using System.Text;using System.Management.Instrumentation;staticstring GetDeviceNumber(){string deviceinfo = "";string cpuInfo = "";//cpu序列号 ManagementClass cimobject = new Ma...

C#实现自动单击【代码】【图】

最新玩了一下上学时候玩的游戏，但游戏里面变化太多了，进去后等级就很高，要不停地点击鼠标加技能。所以利用工作中常用的C#调用 API不停地点击鼠标。如图：为方便在基础上修改，我把整个解决方案放到百度云盘。以下为链接：链接: http://pan.baidu.com/s/1o7t80bS 密码: pehi 先将用到的公用方法贴上来： 1using System;2using System.Collections.Generic;3using System.Diagnostics;4using System.Runtime.InteropServices;5u...

身份证号码15位转18位 C#实现【代码】

【身份证最后一位神秘X的由来】身份证中的“冷知识”1999年的今天，《国务院关于实行公民身份号码制度的决定》被发布，当年10月1日实施。为什么有的有X？这位数是根据前17位计算出的校验码。如某人尾号是0-9，不会有X，如是10，则用X代替。Ⅹ是罗马数字的10，这能保证身份证号不多位。///<summary>/// 转换15位身份证号码为18位 ///</summary>///<param name="oldIDCard">15位的身份证</param>///<returns>返回18位的身份证</retur...

C#+GoEasy实现Web实时消息后台服务器推送【代码】

第一步：appsettings.json配置GoEasy所需参数"GoEasy": {"URL": "https://rest-hangzhou.goeasy.io/publish","Appkey": "BC-**************************"}第二步：添加GoEasy发送消息公共方法using Dw.Util.Helper; using System; using System.Collections.Generic; using System.IO; using System.Net; using System.Text;namespace Dw.BLL.Other {///<summary>/// GoEasy相关方法///</summary>publicclass Other_GoEasyBLL{stri...

C#实现http协议支持上传下载文件的GET、POST请求

C#实现http协议支持上传下载文件的GET、POST请求using System;using System.Collections.Generic;using System.Text;using System.Net;using System.Net.Sockets;using System.Collections;using System.IO;using System.Text.RegularExpressions;using RE = System.Text.RegularExpressions.Regex;using System.Security.Cryptography.X509Certificates; /*********************************************************************...

单例模式（C#实现）

?123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169...

C#实现开发windows服务实现自动从FTP服务器下载文件（自行设置分/时执行）【图】

最近在做一个每天定点从FTP自动下载节目.xml并更新到数据库的功能。首先想到用 FileSystemWatcher来监控下载到某个目录中的文件是否发生改变，如果改变就执行相应的操作，然后用timer来设置隔多长时间来下载。后来又想想了。用windwos服务来实现吧。效果图:执行的Log日志：INFO-2016/5/24 0:30:07--日志内容为:0/30/7进行time触发 INFO-2016/5/24 1:30:07--日志内容为:1/30/7进行time触发 INFO-2016/5/24 2:30:07--日志内容为:2/30...

Unity 的ICallHander在C#项目中实现注入【代码】

项目包引用： Install-Package Unity.Interception创建项目的接口和其实类：publicinterface ICalculator { double CalculateAdd(double a, double b); double CalculateMultiply(double a, double b); double CalculateMinus(double a, double b); double CalculateDevide(double a, double b); }[LoggerIndicate] publicclass Calculator:ICalculator { publicdouble CalculateAdd(double a, double b) { return a + b; } publi...

[C#]Thread与委托实现定时刷新数据功能【代码】【图】

用户需求：定时抓取ERP系统条码已扫描未审核单据解决办法：由于采用Timer控件会消耗系统资源，故采用线程处理。由于线程调用方法不支持控件处理模式，故采用委托方法实现。bool bStop;public DataTable dt = new DataTable();publicScanedNotChecked_Frm(){InitializeComponent();}privatevoidScanedNotChecked_Frm_Load(object sender, EventArgs e){//定义线程 Thread LogThread = new Thread(new ThreadStart(DoService)...

C# 下利用ICSharpCode.SharpZipLib.dll实现文件/目录压缩、解压缩

ICSharpCode.SharpZipLib.dll下载地址1、压缩某个指定文件夹下日志，将日志压缩到CompressionDirectory文件夹中，并清除原来未压缩日志。 #region 压缩logs文件夹下日志public static void CompresslogDic(){ try{string logFilePath = AppDomain.CurrentDomain.BaseDirectory + "logs";DirectoryInfo logsDic = new DirectoryInfo(logFilePath);FileInfo[] bipLog = logsDic.GetFiles();DateTime dt = DateTime.Now;Lis...

[转] C#实现在Sql Server中存储和读取Word文件【代码】

出处 C#实现在Sql Server中存储和读取Word文件要实现在Sql Server中实现将文件读写Word文件，需要在要存取的表中添加Image类型的列，示例表结构为: CREATE TABLE CONTRACTS ( ID VARCHAR (50), CONTRACT_FILE IMAGE ); 要将Word文件存储到数据库的CONTRACT_FILE字段中，需要将文件转换为byte数组，具体代码如下： /// 将文件转换为byte数组 ///<summary>/// 将文件转换为Bytes ///</summary>///<param name="file...

c#：实现动态编译，并实现动态MutilProcess功能（来自python mutilprocess的想法）【代码】【图】

由于之前一直遇到一些关于并行进行数据处理的时效果往往不好，不管是c#还是java程序都是一样，但是在Python中通过mutilprocess实现同样的功能时，却发现确实可以提高程序运行的性能，及服务器资源使用提高。python具体性能及mutilprocess用法，请参考：《Python：使用pymssql批量插入csv文件到数据库测试》　　如有转载请标明原文地址：https://i.cnblogs.com/EditPosts.aspx?postid=7228337　　很久之前就设想如何在c#中实现多进程...

C#调用C++ memcpy实现各种参数类型的内存拷贝【代码】

using System; using System.Runtime.InteropServices; using System.IO; namespace tx {struct ST{publicchar c1;publicint x;publicint y;}class Ct{[DllImport("msvcrt.dll", EntryPoint = "memcpy", CallingConvention = CallingConvention.Cdecl, SetLastError = false)]publicstaticexternvoid MemCopy(byte[] dest, byte[] src, int count);//字节数组到字节数组的拷贝[DllImport("msvcrt.dll", EntryPoint = "memcpy", Cal...

c# 线程池实现只是一个原理性的实现细节内容忽略

using System;using System.Collections.Concurrent;using System.Collections.Generic;using System.Text;using System.Threading;namespace ThreadPoolImp{ public class MyThreadExcutor { //创建 private static volatile bool RUNNING = true; //所有任务都放队列中，让工作线程来消费 private static ConcurrentQueue<Action> queue = null; private static HashSet<Worker> worke...

首页 / C# / .NET CORE(C#) WPF 方便的实现用户控件切换（祝大家新年快乐）

.NET CORE(C#) WPF 方便的实现用户控件切换（祝大家新年快乐）

内容导读

内容图文

.NET CORE(C#) WPF 方便的实现用户控件切换（祝大家新年快乐）

1. 本文背景

2. 代码实现

2.1 引入样式

2.2 演示窗体

2.3 演示主模块

已奉上关键代码，全部代码文末有下载链接...

3.本文参考

4.源码

内容总结

内容备注

内容手机端

【.NET CORE(C#) WPF 方便的实现用户控件切换（祝大家新年快乐）】教程文章相关的互联网学习教程文章

C# 实现数字字符串左补齐0的两种方法【代码】【图】

C#实现防拷贝工具示例【代码】【图】

C#实现自动单击【代码】【图】

身份证号码15位转18位 C#实现【代码】

C#+GoEasy实现Web实时消息后台服务器推送【代码】

C#实现http协议支持上传下载文件的GET、POST请求

单例模式（C#实现）

C#实现开发windows服务实现自动从FTP服务器下载文件（自行设置分/时执行）【图】

Unity 的ICallHander在C#项目中实现注入【代码】

[C#]Thread与委托实现定时刷新数据功能【代码】【图】

C# 下利用ICSharpCode.SharpZipLib.dll实现文件/目录压缩、解压缩

[转] C#实现在Sql Server中存储和读取Word文件【代码】

c#：实现动态编译，并实现动态MutilProcess功能（来自python mutilprocess的想法）【代码】【图】

C#调用C++ memcpy实现各种参数类型的内存拷贝【代码】

c# 线程池实现只是一个原理性的实现细节内容忽略

NET - 相关标签

用户 - 相关标签

C# - 技术教程分类

C# - 最新教程

C# - 最热教程