WPF调用webapi并展示数据(一):WPF页面的构建

有错误欢迎大家给我指正

本项目为WPF+Prism+net6.0

RestSharp调用API

UI为MaterialDesignThemes

EF Core自动生成数据库

效果展示:

项目启动后点击待办事项进入数据展示页

源码地址:绎Ronion/WPF.ToDo (gitee.com)

1.准备

1.1创建WPF项目

1.2 创建完成后,下载Nuget包:Prism.DryIoc、MaterialDesignThemes、Newtonsoft.Json

2.App.xaml的修改

2.1 添加

xmlns:prism="http://prismlibrary.com/"xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"

2.2 把最外层的Application标签改为prism:PrismApplication

2.3 引入资源文件,并删除StartupUri(不删除会重复加载,导致出现两个窗体)

App.xaml全文如下:

<prism:PrismApplication x:Class="ToDoDemo.App"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:local="clr-namespace:ToDoDemo"xmlns:prism="http://prismlibrary.com/"xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"><Application.Resources><ResourceDictionary><ResourceDictionary.MergedDictionaries><materialDesign:BundledTheme BaseTheme="Dark" PrimaryColor="DeepPurple" SecondaryColor="Lime" /><ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Defaults.xaml" /></ResourceDictionary.MergedDictionaries></ResourceDictionary></Application.Resources>
</prism:PrismApplication>

3.主页面

3.1 新建文件夹Views,在文件夹内新建窗口MainView.xaml(删除默认窗口)

3.2引用MaterialDesignThemes和Prism

xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"xmlns:prism="http://prismlibrary.com/"

主页面最终引用:

WindowStartupLocation="CenterScreen" 启动时居中
WindowStyle="None"隐藏边框
AllowsTransparency="True"隐藏白边

<Window x:Class="ToDoDemo.Views.MainView"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:d="http://schemas.microsoft.com/expression/blend/2008"xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"xmlns:local="clr-namespace:ToDoDemo.Views"xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"xmlns:i="http://schemas.microsoft.com/xaml/behaviors"xmlns:prism="http://prismlibrary.com/"xmlns:ext="clr-namespace:ToDoDemo.Extensions"mc:Ignorable="d"Height="450" Width="800"WindowStyle="None"AllowsTransparency="True"WindowStartupLocation="CenterScreen">
</Window>

3.3 这里设定为,点击导航栏的待办事项跳转到待办页,所以会用到UI组件的部分组件,会直接引用,我会把所有的代码贴出来

UI的源码地址,感兴趣的可以详细了解:

Releases · MaterialDesignInXAML/MaterialDesignInXamlToolkit (github.com)

3.4在App.xaml的</ResourceDictionary.MergedDictionaries>下添加样式资源

<Style x:Key="MyListBoxItemStyle" TargetType="ListBoxItem"><Setter Property="MinHeight" Value="40" /><Setter Property="Template"><Setter.Value><ControlTemplate TargetType="{x:Type ListBoxItem}"><Grid><Border x:Name="borderHeader" /><Border x:Name="border" /><ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" /></Grid><ControlTemplate.Triggers><Trigger Property="IsSelected" Value="True"><Setter TargetName="borderHeader" Property="BorderThickness" Value="4,0,0,0" /><Setter TargetName="borderHeader" Property="BorderBrush" Value="{DynamicResource PrimaryHueLightBrush}" /><Setter TargetName="border" Property="Background" Value="{DynamicResource PrimaryHueLightBrush}" /><Setter TargetName="border" Property="Opacity" Value="0.2" /></Trigger><Trigger Property="IsMouseOver" Value="True"><Setter TargetName="border" Property="Background" Value="{DynamicResource PrimaryHueLightBrush}" /><Setter TargetName="border" Property="Opacity" Value="0.2" /></Trigger></ControlTemplate.Triggers></ControlTemplate></Setter.Value></Setter>
</Style>

3.5创建文件夹Common,在里面创建新文件MenuBar

/// <summary>
/// 系统导航菜单实体类
/// </summary>
public class MenuBar : BindableBase
{private string icon;/// <summary>/// 菜单图标/// </summary>public string Icon{get { return icon; }set { icon = value; }}private string title;/// <summary>/// 菜单名称/// </summary>public string Title{get { return title; }set { title = value; }}private string nameSpace;/// <summary>/// 菜单命名空间/// </summary>public string NameSpace{get { return nameSpace; }set { nameSpace = value; }}
}

3.6创建文件夹Extensions,在里面创建新文件PrismManager

public static class PrismManager
{/// <summary>/// 首页区域/// </summary>public static readonly string MainViewRegionName = "MainViewRegion";/// <summary>/// 设置页区域/// </summary>public static readonly string SettingsViewRegionName = "SettingsViewRegion";
}

3.7创建文件夹ViewModels,在里面创建新文件MainViewModel

public class MainViewModel : BindableBase
{public MainViewModel(IRegionManager regionManager){MenuBars = new ObservableCollection<MenuBar>();CreateMenuBar();NavigateCommand = new DelegateCommand<MenuBar>(Navigate);this.regionManager = regionManager;}private void Navigate(MenuBar obj){if (obj == null || string.IsNullOrWhiteSpace(obj.NameSpace))return;regionManager.Regions[PrismManager.MainViewRegionName].RequestNavigate(obj.NameSpace, back =>{});}public DelegateCommand<MenuBar> NavigateCommand { get; private set; }//做导航private readonly IRegionManager regionManager;//ObservableCollection是一个动态属性集合,可以动态地添加和删除其中的元素private ObservableCollection<MenuBar> menuBars;//动态属性集合public ObservableCollection<MenuBar> MenuBars{get { return menuBars; }set{menuBars = value;RaisePropertyChanged();//通知属性值发生了变化}}void CreateMenuBar(){MenuBars.Add(new MenuBar() { Icon = "Home", Title = "首页", NameSpace = "IndexView" });MenuBars.Add(new MenuBar() { Icon = "NotebookOutline", Title = "待办事项", NameSpace = "ToDoView" });MenuBars.Add(new MenuBar() { Icon = "NotebookPlus", Title = "备忘录", NameSpace = "MemoView" });MenuBars.Add(new MenuBar() { Icon = "Cog", Title = "设置", NameSpace = "SettingsView" });}}

3.8在Views创建ToDoView,在ViewModels创建ToDoViewModel

3.9在App.xaml.cs注册,注意把Application改为PrismApplication

public partial class App : PrismApplication
{protected override Window CreateShell(){return Container.Resolve<MainView>();}protected override void RegisterTypes(IContainerRegistry containerRegistry){containerRegistry.RegisterForNavigation<ToDoView, ToDoViewModel>();}
}

3.10主页的全部代码如下

<Window x:Class="ToDoDemo.Views.MainView"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:d="http://schemas.microsoft.com/expression/blend/2008"xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"xmlns:local="clr-namespace:ToDoDemo.Views"xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"xmlns:i="http://schemas.microsoft.com/xaml/behaviors"xmlns:prism="http://prismlibrary.com/"xmlns:ext="clr-namespace:ToDoDemo.Extensions"mc:Ignorable="d"Height="450" Width="800"WindowStyle="None"AllowsTransparency="True"WindowStartupLocation="CenterScreen"><materialDesign:DialogHost DialogTheme="Inherit" Identifier="RootDialog" SnackbarMessageQueue="{Binding ElementName=MainSnackbar, Path=MessageQueue}"><materialDesign:DrawerHost x:Name="drawerHost"  IsLeftDrawerOpen="{Binding ElementName=MenuToggleButton, Path=IsChecked}"><materialDesign:DrawerHost.LeftDrawerContent><DockPanel MinWidth="220"><!--侧边栏--><ListBox ItemContainerStyle="{StaticResource MyListBoxItemStyle}"ItemsSource="{Binding MenuBars}" x:Name="menuBar"><i:Interaction.Triggers><i:EventTrigger EventName="SelectionChanged"><i:InvokeCommandAction Command="{Binding NavigateCommand}"CommandParameter="{Binding ElementName=menuBar,Path=SelectedItem}"/></i:EventTrigger></i:Interaction.Triggers><ListBox.ItemTemplate><DataTemplate><StackPanel Background="Transparent" Orientation="Horizontal"><materialDesign:PackIcon Margin="15,0" Kind="{Binding Icon}"/><TextBlock Text="{Binding Title}" Margin="10,0"/></StackPanel></DataTemplate></ListBox.ItemTemplate></ListBox></DockPanel></materialDesign:DrawerHost.LeftDrawerContent><DockPanel><materialDesign:ColorZone Padding="16" x:Name="ColorZone"materialDesign:ElevationAssist.Elevation="Dp4"DockPanel.Dock="Top" Mode="PrimaryMid"><DockPanel LastChildFill="True"><!--最小化、最大化、关闭--><StackPanel DockPanel.Dock="Right" Orientation="Horizontal"><Button x:Name="btnMin" Content="—" Style="{StaticResource MaterialDesignFlatMidBgButton}" /><Button x:Name="btnMax" Content="☐" Style="{StaticResource MaterialDesignFlatMidBgButton}" /><Button x:Name="btnClose" Content="✕" Style="{StaticResource MaterialDesignFlatMidBgButton}" /></StackPanel><!--三横杠--><StackPanel Orientation="Horizontal"><ToggleButton x:Name="MenuToggleButton" IsChecked="False"AutomationProperties.Name="HamburgerToggleButton"Style="{StaticResource MaterialDesignHamburgerToggleButton}" /></StackPanel></DockPanel></materialDesign:ColorZone><ContentControl prism:RegionManager.RegionName="{x:Static ext:PrismManager.MainViewRegionName}" /></DockPanel></materialDesign:DrawerHost></materialDesign:DialogHost>
</Window>

3.6在MainView.xaml.cs内,添加各个按钮的事件

public MainView()
{InitializeComponent();//点击导航栏后收回menuBar.SelectionChanged += (s, e) =>{drawerHost.IsLeftDrawerOpen = false;};//最小化btnMin.Click += (s, e) => { this.WindowState = WindowState.Minimized; };//最大化btnMax.Click += (s, e) =>{if (this.WindowState == WindowState.Maximized)this.WindowState = WindowState.Normal;elsethis.WindowState = WindowState.Maximized;};//关闭btnClose.Click += async (s, e) =>{this.Close();};//拖动窗口ColorZone.MouseMove += (s, e) =>{if (e.LeftButton == MouseButtonState.Pressed)this.DragMove();};//双击放大/缩小ColorZone.MouseDoubleClick += (s, e) =>{if (this.WindowState == WindowState.Normal)this.WindowState = WindowState.Maximized;elsethis.WindowState = WindowState.Normal;};
}

 第二篇:WPF调用webapi并展示数据(二):类库实体类的构建-CSDN博客

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/724975.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

解决划分标签问题的算法分析与实现

引言 在这篇博客中&#xff0c;我们将讨论一种解决划分标签问题的算法&#xff0c;该算法可以有效地将输入字符串划分为尽可能多的子串&#xff0c;使得每个字母最多出现在一个子串中。我们将通过代码实现和详细解释来展示这一算法的工作原理。 题目描述 给你一个字符串 s 。…

Axure 入门文档 文件格式 全局样式 元件居中

文件格式 .rp 原型文件.rplib:元件库文件.rpteam 团队项目文件.html 项目网页文件 批量设置居中 选中多个&#xff0c;然后上方任务栏即可设置 设置自定义页面视图尺寸 项目-自适应视图设置 点击页面空白处就可以使用 添加元件说明 当一个元件创建好&#xff0c;可以设…

[R] Underline your idea with ggplot2

Preview: # 介绍&#xff1a;之前的教程中&#xff0c;我们学习了如何使条形图或直方图看起来更好 比如&#xff1a; 1. How to select a graph calibrate the geom part 2. How to select variables calibrate the aes part 3. How to add a title calibrate the labs …

消除类游戏解题思路(ccf 201512-2)

问题描述   消除类游戏是深受大众欢迎的一种游戏&#xff0c;游戏在一个包含有n行m列的游戏棋盘上进行&#xff0c;棋盘的每一行每一列的方格上放着一个有颜色的棋子&#xff0c;当一行或一列上有连续三个或更多的相同颜色的棋子时&#xff0c;这些棋子都被消除。当有多处可以…

指针乐园----上

大家好&#xff0c;我是Beilef&#xff0c;许久未见还请多多关照。 文章目录 目录 文章目录 前言 一、指针是什么 二、指针的运用 1.指针变量和地址 2.指针变量和解引⽤操作符&#xff08;*&#xff09; 解引用操作符 3.指针变量类型及意义 3.2指针的-整数 3.3 void* 指针 …

Android13 framework层添加关机接口

framework层修改&#xff1a; t0_sys/frameworks/base/core/api/current.txt method RequiresPermission(android.Manifest.permission.REBOOT) public void reboot(Nullable String);method public void rebootp();t0_sys/frameworks/base/core/java/android/os/IPowerManager…

docker-compose Install Dockge

Dockge Dockge 是一个精美的、易于使用的、反应式的自托管 docker compose.yaml 面向堆栈的管理器。 主要特性: 通过Web页面管理compose.yaml文件。 创建/编辑/启动/停止/重新启动/删除容器。更新Docker镜像。交互式Web终端。响应式设计,实时更新进度(Pull/Up/Down)和Web…

C++搜索二叉树的实现

搜索二叉树的实现 keykey-value测试用例 key namespace key{ template<class k> struct BSTreeNode {BSTreeNode<k>* _left;BSTreeNode<k>* _right;k _key;BSTreeNode(const k& key):_left(nullptr),_right(nullptr),_key(key){}};template <class k…

学习经验心得体会

学习经验心得体会 自从踏入学习的殿堂&#xff0c;我深知知识如同海洋&#xff0c;无边无际。多年的学习经历&#xff0c;使我积累了丰富的经验&#xff0c;也对学习有了更深入的理解。在此&#xff0c;我愿将我的学习经验心得体会分享给大家&#xff0c;希望能对正在探索知识…

01-Linux系统概述,安装网络和防火墙配置

Linux系统概述&#xff0c;安装网络和防火墙配置 unix概述 Unix 是在1969年美国贝尔实验室的 肯.汤普森开发出来的一款操作系统&#xff0c;什么是操作系统&#xff1f;大家正在玩的 Windows 和 Max OS就是两个操作系统。操作系统是用户和计算机的接口&#xff0c;同时也是计…

Win11桌面出现的这个图标“了解此图片”怎么关闭?

&#x1f9d1;个人简介&#xff1a;大家好&#xff0c;我是尘觉&#xff0c;希望我的文章可以帮助到大家&#xff0c;您的满意是我的动力&#x1f609; 在csdn获奖荣誉: &#x1f3c6;csdn城市之星2名 ⁣⁣⁣⁣ ⁣⁣⁣⁣ ⁣⁣⁣⁣ ⁣⁣⁣⁣ ⁣⁣⁣⁣ ⁣⁣⁣⁣ ⁣⁣⁣⁣ …

第3章---初始化AttributeSet文件

文件结构&#xff1a; 更改文件将高亮显示 Source Private AbilitySystemComponen RPGAbilitySystemComponent.cppRPGAttributeSet.cpp Character PGGameCharacterBase.cppRPGGameEnemy.cppRPGGamePlayerCharacter.cpp Game RPGGameModeBase.cpp Interaction EnemyInterface…

c++的STL(1) -- STL概述

STL(Standard Template Library), 意思为标准模版库。 STL主要分为三个部分: 容器&#xff0c; 算法&#xff0c; 迭代器。 algorithm&#xff08;算法&#xff09; - 对数据进行处理&#xff08;解决问题) 步骤的有限集合container&#xff08;容器&#xff09; - 用…

Java开发手册,java高并发高可用面试题

前言 今年我也33了&#xff0c;离传说中不好找工作的35岁又更近了。说没有焦虑是对自己撒谎&#xff0c;于是我采访了一些人&#xff0c;自己思考了下&#xff0c;写下了这篇文章&#xff0c;希望能有些共鸣。 先看看大家的态度&#xff1a; 色老力衰&#xff0c;不好忽悠&a…

Spring全家桶面试题-学习自测

Spring相关面试题&#xff1f; Bean的实例化和Bean的初始化有什么区别&#xff1f;什么是AOP、能做什么&#xff1f;有哪些常见的概念名称&#xff1f;它和AsepctJ有什么区别&#xff1f;Spring中的事务是如何实现的&#xff1f;Spring的传播机制有哪些&#xff0c;底层是如何…

rt-thread uart驱动

uart驱动描述基于GD32F470芯片。 rt-thread提供了一套I/O设备模型&#xff0c;如果想要使用操作系统的驱动去进行操作&#xff0c;就得将具体芯片的硬件驱动注册到设备驱动框架上。 关于rt-thread的I/O设备模型相关内容可以参考 rt-thread I/O设备模型-CSDN博客文章浏览阅读55…

vue命令行

书接上回&#xff0c;一直没能将vue-shop-master项目启动&#xff0c;还是停留在命令行&#xff0c;现参考链接如下&#xff0c; https://blog.csdn.net/jieyucx/article/details/127915699 止步不前了&#xff0c;晚上再摸索吧&#xff0c;搞电商去。。。。溜了溜了&#x…

MySQL进阶之(四)InnoDB数据存储结构之行格式

四、InnoDB数据存储结构之行格式 4.1 行格式的语法4.2 COMPACT 行格式4.2.1 记录的额外信息01、变长字段长度列表02、NULL 值列表03、记录头信息 4.2.2 记录的真实数据 4.3 Dynamic 和 Compressed 行格式4.3.1 字段的长度限制4.3.2 行溢出4.3.3 Dynamic 和 Compressed 行格式 4…

nodejs google search console api对接之提交网址到索引

推荐一款AI网站&#xff0c; AI写作与AI绘画智能创作平台 - 海鲸AI | 智能AI助手&#xff0c;支持GPT4设计稿转代码 要使用 Node.js 通过 Google Search Console API 添加网址&#xff08;即提交网址到索引&#xff09;&#xff0c;你需要遵循以下步骤&#xff1a; 设置Google…

【Flutter 】get-cli init报错处理

报错内容 get init 命令跳出,报错内如下 Select which type of project you want to creat Synchronous waiting using dart:cli waitFor Unhandled exceotion . Dart WaitforEvent is deprecated and disabled by default. This feature will be fully removed in Dart 3.4 …