materialdesign

应用程序使用统计信息 – .NET CORE(C#) WPF界面设计

六眼飞鱼酱① 提交于 2020-03-15 17:20:20
应用程序使用统计信息 - .NET CORE(C#) WPF界面设计 首发文章地址: https://dotnet9.com/10546.html 关键功能点 抽屉式菜单 圆形进度条 Demo演示: 1. 新建项目 使用 VS 2019 的 .NET Core 3.1 WPF 项目模板,创建名为 “MobileAppUsageDashboardCore” 的项目,NuGet 引入 MaterialDesign 的两个库 MaterialDesignThemes 和 MaterialDesignColors,整个项目工程文件如下: <Project Sdk="Microsoft.NET.Sdk.WindowsDesktop"> <PropertyGroup> <OutputType>WinExe</OutputType> <TargetFramework>netcoreapp3.1</TargetFramework> <UseWPF>true</UseWPF> </PropertyGroup> <ItemGroup> <PackageReference Include="MaterialDesignColors" Version="1.2.2" /> <PackageReference Include="MaterialDesignThemes" Version="3.0.1" />

简易音乐播放器主界面设计

人盡茶涼 提交于 2020-02-27 23:45:32
>微信公众号: Dotnet9 ,网站: Dotnet9 ,问题或建议: 请网站留言 , 如果对您有所帮助: 欢迎赞赏 。 简易音乐播放器主界面设计 - .NET CORE(C#) WPF开发 阅读导航 本文背景 代码实现 本文参考 源码 1. 本文背景 继续 MaterialDesignThemes 开源控件库学习,尤其是它的图标组件,本文设计的音乐播放器主界面设计使用该组件较多。 2. 代码实现 使用 .NET CORE 3.1 创建名为 “Player” 的WPF模板项目,添加1个Nuget库:MaterialDesignThemes.3.1.0-ci981。 解决方案主要文件目录组织结构: Player App.xaml MainWindow.xaml MainWindow.xaml.cs 2.1 App.xaml文件引入样式 文件【App.xaml】,在 StartupUri 中设置启动的视图【MainWindow.xaml】,并在【Application.Resources】节点增加 MaterialDesignThemes库的样式文件: <application x:class="Player.App" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http:/

少量代码设计一个登录界面(二) – .NET CORE(C#) WPF开发

依然范特西╮ 提交于 2020-02-04 11:36:14
原文: 少量代码设计一个登录界面(二) – .NET CORE(C#) WPF开发 微信公众号: Dotnet9 ,网站: Dotnet9 ,问题或建议: 请网站留言 , 如果对您有所帮助: 欢迎赞赏 。 阅读导航 本文背景 代码实现 本文参考 源码 1. 本文背景 同上篇文章《少量代码设计一个登录界面》,本篇介绍另一种登录界面设计风格。 2. 代码实现 使用 .NET CORE 3.1 创建名为 “Login” 的WPF模板项目,添加1个Nuget库:MaterialDesignThemes.3.1.0-ci981。 解决方案主要文件目录组织结构: Login App.xaml MainWindow.xaml MainWindow.xaml.cs 2.1 App.xaml文件引入样式 文件【App.xaml】,在 StartupUri 中设置启动的视图【MainWindow.xaml】,并在【Application.Resources】节点增加 MaterialDesignThemes库的样式文件: <Application x:Class="Login.App" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx

简易音乐播放器主界面设计 - .NET CORE(C#) WPF开发

喜你入骨 提交于 2020-02-01 01:40:00
微信公众号: Dotnet9 ,网站: Dotnet9 ,问题或建议: 请网站留言 , 如果对您有所帮助: 欢迎赞赏 。 简易音乐播放器主界面设计 - .NET CORE(C#) WPF开发 阅读导航 本文背景 代码实现 本文参考 源码 1. 本文背景 继续 MaterialDesignThemes 开源控件库学习,尤其是它的图标组件,本文设计的音乐播放器主界面设计使用该组件较多。 2. 代码实现 使用 .NET CORE 3.1 创建名为 “Player” 的WPF模板项目,添加1个Nuget库:MaterialDesignThemes.3.1.0-ci981。 解决方案主要文件目录组织结构: Player App.xaml MainWindow.xaml MainWindow.xaml.cs 2.1 App.xaml文件引入样式 文件【App.xaml】,在 StartupUri 中设置启动的视图【MainWindow.xaml】,并在【Application.Resources】节点增加 MaterialDesignThemes库的样式文件: <Application x:Class="Player.App" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http:/

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

允我心安 提交于 2020-01-28 23:42:25
原文: .NET CORE(C#) WPF 方便的实现用户控件切换(祝大家新年快乐) 微信公众号: Dotnet9 ,网站: Dotnet9 ,问题或建议: 请网站留言 , 如果对您有所帮助: 欢迎赞赏 。 .NET CORE(C#) WPF 方便的实现用户控件切换(祝大家新年快乐) 快到2020年了,祝大家新年快乐,今年2019最后一更,谢谢大家支持! 阅读导航 本文背景 代码实现 本文参考 源码 1. 本文背景 一个系统主界面,放上一个菜单,点击菜单在客户区切换不同的展示界面,这是很常规的设计,见下面展示效果图: 左侧一个菜单,点击菜单,右侧切换界面,界面切换动画使用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】节点增加

C# WPF聊天界面(3/3)

ε祈祈猫儿з 提交于 2020-01-24 07:12:57
微信公众号: Dotnet9 ,网站: Dotnet9 ,问题或建议: 请网站留言 , 如果对您有所帮助: 欢迎赞赏 。 C# WPF聊天界面(3/3) 阅读导航 本文背景 代码实现 本文参考 1.本文背景 系列文章最后一篇,一个完整的聊天界面。当然只看效果,具体的项目需要将左侧好友列表、中间会话列表、右侧联系人简况做成MVVM绑定的形式,做成模板才是一个完整的项目,本系列只是对界面的一个设计参考。 前面两篇文章: C# WPF联系人列表(1/3) C# WPF简况(2/3) 三篇文章最终效果如下: 2.代码实现 使用 .Net CORE 3.1 创建名为 “Chat” 的WPF项目,添加 MaterialDesignThemes(3.0.1)、MaterialDesignColors(1.2.2)两个Nuget库,文中图片已全部替换为站长网站logo图片外链,直接Copy文中代码即可运行,大家亦可下载原作者源码研究学习,文末会给出源码下载链接。 2.1 引入MD控件样式文件 使用MD控件的常规操作,需要在App.xaml中引入4个样式文件: <Application x:Class="Chat.App" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas

C# WPF联系人列表(1/3)

倖福魔咒の 提交于 2020-01-17 07:02:08
微信公众号: Dotnet9 ,网站: Dotnet9 ,问题或建议: 请网站留言 , 如果对您有所帮助: 欢迎赞赏 。 C# WPF联系人列表(1/3) 阅读导航 本文背景 代码实现 本文参考 1.本文背景 聊天软件大家用的比较多,用WPF做个联系人列表试试 本文效果如下: 2.代码实现 使用 .Net CORE 3.1 创建名为 “Chat” 的WPF项目,添加 MaterialDesignThemes(3.0.1)、MaterialDesignColors(1.2.2)两个Nuget库,文中部分图片可在文末视频配套源码中下载。 2.1 引入MD控件样式文件 使用MD控件的常规操作,需要在App.xaml中引入4个样式文件 <Application x:Class="Chat.App" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" StartupUri="MainWindow.xaml"> <Application.Resources> <ResourceDictionary> <ResourceDictionary.MergedDictionaries>

C# WPF聊天界面(3/3)

匆匆过客 提交于 2020-01-11 18:54:00
微信公众号: Dotnet9 ,网站: Dotnet9 ,问题或建议: 请网站留言 , 如果对您有所帮助: 欢迎赞赏 。 C# WPF聊天界面(3/3) 阅读导航 本文背景 代码实现 本文参考 1.本文背景 系列文章最后一篇,一个完整的聊天界面。当然只看效果,具体的项目需要将左侧好友列表、中间会话列表、右侧联系人简况做成MVVM绑定的形式,做成模板才是一个完整的项目,本系列只是对界面的一个设计参考。 前面两篇文章: C# WPF联系人列表(1/3) C# WPF简况(2/3) 三篇文章最终效果如下: 2.代码实现 使用 .Net CORE 3.1 创建名为 “Chat” 的WPF项目,添加 MaterialDesignThemes(3.0.1)、MaterialDesignColors(1.2.2)两个Nuget库,文中图片已全部替换为站长网站logo图片外链,直接Copy文中代码即可运行,大家亦可下载原作者源码研究学习,文末会给出源码下载链接。 2.1 引入MD控件样式文件 使用MD控件的常规操作,需要在App.xaml中引入4个样式文件: <Application x:Class="Chat.App" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas

C# WPF简况(2/3)

会有一股神秘感。 提交于 2020-01-11 17:40:09
微信公众号: Dotnet9 ,网站: Dotnet9 ,问题或建议: 请网站留言 , 如果对您有所帮助: 欢迎赞赏 。 C# WPF简况(2/3) 阅读导航 本文背景 代码实现 本文参考 1.本文背景 承接上文( C# WPF联系人列表(1/3) ),添加好友简况。 本文效果如下: 2.代码实现 使用 .Net CORE 3.1 创建名为 “Chat” 的WPF项目,添加 MaterialDesignThemes(3.0.1)、MaterialDesignColors(1.2.2)两个Nuget库,文中部分图片可在文末视频配套源码中下载。 2.1 引入MD控件样式文件 使用MD控件的常规操作,需要在App.xaml中引入4个样式文件 <Application x:Class="Chat.App" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" StartupUri="MainWindow.xaml"> <Application.Resources> <ResourceDictionary> <ResourceDictionary.MergedDictionaries>

C# WPF 表单更改提示

 ̄綄美尐妖づ 提交于 2020-01-07 13:16:22
微信公众号: Dotnet9 ,网站: Dotnet9 ,问题或建议,请网站留言; 如果您觉得Dotnet9对您有帮助,欢迎赞赏 C# WPF 表单更改提示 内容目录 实现效果 业务场景 编码实现 本文参考 源码下载 1.实现效果 未做修改的表单展示 表单变化,关闭窗体提示 来个Gif动态操作看看 2.业务场景 表单修改后,关闭窗体前检查提示 3.编码实现 3.1 添加Nuget库 使用 .Net Core 3.1 创建名为“ValidateDataChange”的WPF解决方案,添加两个Nuget库:MaterialDesignThemes和MaterialDesignColors。 MaterialDesign控件库 3.2 工程结构 4个文件变动: App.xaml:添加MD控件样式 MainWindow.xaml:主窗口实现效果 MainWindow.xaml.cs:主窗口后台绑定及关闭验证 Contact.cs:绑定的实体 3.3 App.xaml引入MD控件样式 <Application x:Class="ValidateDataChange.App" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx