7

.NET 跨平台应用开发动手教程 |用 Uno Platform 构建一个 Kanban-style Todo App - M...

 2 years ago
source link: https://www.cnblogs.com/MSReactor/p/16536194.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

作者:Steven Giesel
翻译:Alan Wang
校对:李卫涵 – 微软 MVP
排版:Rani Sun

有什么比参考包含分步说明和代码示例的动手教程更好的学习新技术的方式呢?当你完成或 fork 本教程后,你将得到这样一个应用程序:

2170493-20220730231903966-727248147.gif

Steven Giesel 最近发布了一个由5部分内容组成的系列,记录了他首次使用 Uno Platform 构建应用程序的经验。跟随他的步骤,他将带你搭建 Uno Platform 环境,讲述他对此平台的看法,最后是一个动手演示,构建一个运行在浏览器、桌面或移动端的 Kanban-style Todo 应用程序!

第一部分

作为一名新用户,Steven 学习了 Uno Platform 的基础知识,包括该平台与 .NET MAUI 的区别。通过对 Uno Platform 的基本了解,第一部分进一步提供了在开发小型跨平台应用程序之前设置开发环境所需的基础知识,

第二部分

第二部分主要侧重于实现应用程序的第一个功能,以便能够添加你的第一个 To-do事项。这一部分开始展示 Uno Platform 平台自身,以及代码和需求是怎样的简单上手。

  • 需求:Todo 事项的基本信息
  • 添加 Todo 事项
2170493-20220730231953707-1290966539.jpg

第三部分

有了可用的基本结构,第三部分深入实现允许用户交互所需的更改。此外,通过实现适用于所有平台的模式对话框,将允许用户输入他们想要跟踪的 Todo 事项的基本信息。

2170493-20220730232011942-1270625783.gif

第四部分

第三部分会完成一个表格,该表格同时也验证了此模型生效。Steven 从上一部分停下的地方继续,开始创建一个 ViewModel,为接下来的部分打下基础。

2170493-20220730232038059-165889268.gif

第五部分

第五部分介绍了如何拖放,如何保存以及如何加载状态的最终实现。从审美角度来说,此应用程序很简单。但最重要的是,我们有了一个功能完备的 to-do app,可以使用相同的源代码在所有平台上使用。最后,Steven 真诚回顾了他使用 Uno Platform 的体验,作为这个系列的结束。

此 Todo-App 的 GitHub repository:这里

如果你有任何有关 Uno Platform 的问题、功能需求或 issue,可以在 Discord – Channel #uno-platformGitHub discussions联系我们的工程团队。


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK