Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
WPF仿《原神》角色列表页面制作
Rating: 5.0 out of 5(2 ratings)
11 students

WPF仿《原神》角色列表页面制作

本课程使用WPF技术再现了《原神》官网中人物角色列表中的绝大部分效果。
Created byQingming Zhao
Last updated 2/2023
Chinese (Simplified)

What you'll learn

  • 掌握MVVM的基本使用方法
  • 掌握WPF控件自定义样式的方法和技巧
  • 掌握WPF中触发器的使用
  • 掌握WPF中故事版的使用

Course content

1 section41 lectures8h 13m total length
  • 课前准备16:15
  • Web界面初步拆解8:17
  • Web界面顶部菜单拆解15:11
  • 背景音乐控制16:33
  • 主菜单文字发光效果15:51
  • 小方块移动的动画效果16:23
  • 登录面板以及蒙版效果13:55
  • 输入框占位符背景设置(1)14:28
  • 输入框占位符背景设置(2)10:21
  • 关于图标字体的使用13:21
  • 手机号码格式验证12:57
  • 用选项卡控件(TabControl)构建登录114:47
  • 用选项卡控件(TabControl)构建登录28:48
  • JSON数据解析(1)9:46
  • JSON数据解析(2)11:36
  • 角色列表处理(1)15:02
  • 角色列表处理(2)13:20
  • CommunityToolkit.Mvvm8:52
  • 使用数据缓存提高程序性能112:45
  • 使用图片缓存提高程序性能215:14
  • 工具类的拆分和整理7:41
  • 城市数据分析与获取13:20
  • 城市列表样式(1)13:23
  • 城市列表样式(2)10:02
  • 页面左侧白色竖线分析与绘制4:53
  • 页面背景动态效果9:50
  • 城市列表与人物列表的联动6:02
  • 人物列表与人物立绘的联动15:26
  • 人物立绘的装饰内容(1)17:30
  • 人物立绘的装饰内容(2)12:57
  • 滚动条样式定制15:40
  • 从ListBox外部控制人物切换7:14
  • 让ListBox自动滚动到被选中的项6:06
  • 语言切换与声优名称联动切换11:39
  • 获取正在执行的故事版中的当前时间线(1)18:55
  • 获取正在执行的故事版中的当前时间线(2)9:31
  • 根据语言类型与故事版时间线控制被播放的音频(1)14:18
  • 根据语言类型与故事版时间线控制被播放的音频(2)3:32
  • Gif动态图片的播放11:14
  • 课程回顾10:11
  • 课程讲义10:11

Requirements

  • 了解C#
  • 了解XAML

Description

本课程使用WPF技术再现了《原神》官网中人物角色列表中的绝大部分效果。


本课程采用了多种流行的WPF编程技术,其中包含但不限于Json反序列化、数据缓存、工具类的创建和使用、用户输入数据验证、图标文字、MVVM、绑定、命令,触发器、事件触发器、数据触发器、属性触发更改、故事版控制、音频播放控制,控件之间的数据联动技术,WPF控件样式自定义、WPF控件位置微调、WPF控件几何变换,WPF控件可视化状态触发更改、Canvas面板的灵活应用,WPF控件互斥属性的灵活应用等等WPF开发中常用的到多种技术。


以期学员通过该课程熟悉WPF中常用且灵活的多种编程技术和技巧。

Who this course is for:

  • WPF程序员
  • C#程序员
  • 编程爱好者