winui vue_WinUI 3.0：Windows控件的未来

最新推荐文章于 2023-02-20 22:13:32 发布
最新推荐文章于 2023-02-20 22:13:32 发布
阅读量1.8k 收藏 1
点赞数
文章标签： c++ python java 编程语言 人工智能
原文链接：https://www.infoworld.com/article/3453027/winui-30-the-future-of-windows-controls.html
版权

winui vue

很难选择Windows UI框架。 毕竟，有很多。 您是否使用熟悉的WinForms，更现代的Windows Presentation Framework或Windows 10的Universal Windows Platform构建应用程序？

每个控件都有其优缺点，它们具有不同的控件集，设计工具和受支持的Windows版本。 它们支持不同的设计语言，仅通用Windows平台（UWP）控件提供对最新Fluent外观的支持。 微软一直在努力通过XAML Islands等工具将新的W​​indows 10 UWP控件移植到较旧的框架中。 它们是一个不错的选择，但仅限于在Windows 10上运行。

[从IDE到测试框架： Windows管理员必备的devops工具 。 | 《 InfoWorld》评论： Chef 12激发了开发人员 。 ]

Windows UI的新方法

真正需要的是一种全新的方法来交付Windows UI组件和控件，该方法与底层OS分离，并且能够在Windows 10以上版本，老版本和Web等其他平台上提供相同的功能。 毫无疑问，作为WinUI控件库的一部分，该项目已经进行了一段时间。 Windows UI库的早期版本专注于UWP和Fluent Design。 下一个重要版本 WinUI 3.0将最终退出UWP框架， 在2020年某个时候支持整个本机Windows UI平台 。

微软最近发布了WinUI 3.0的Alpha版本 。 它绝不是完整的，缺少许多流行的控件。 但是，这是从新控件以及安装和使用新控件的方式开始的好地方。 作为Alpha代码，它尚未准备好投入生产，但仅供您尝试并向开发团队提供反馈。

使用WinUI 3.0 alpha版本

WinUI 3.0的入门非常容易，因为Microsoft在GitHub上具有XAML Controls库的WinUI 3.0预览版的代码。 您可以克隆存储库并构建示例应用程序以查看可用的控件。 该示例确实需要最新版本的Visual Studio（我建议使用Visual Studio 2019）和Windows 10 1803或更高版本。 如果您正在使用C ++代码，则需要为.NET Desktop和UWP开发配置Visual Studio，以及等效的C ++工具。 最大的变化可能是迁移到新的命名空间：从Windows.UI到Microsoft.UI。

我能够在几分钟内启动并运行示例代码 ，使用Git bash工具克隆示例应用程序的WinUI 3.0 Alpha分支，然后在Visual Studio 2019 Community Edition中进行编译。 加载后，您将获得可用控件的列表，单击它们会显示示例代码以及控件的渲染实例。 这是查看可用控件以及如何在应用程序中使用它们的好方法。 缺少的控件显示为灰色，因此您可以查看未来版本的计划。

通过注册WinUI 3.0 alpha ，您可以访问Visual Studio扩展，该扩展添加了新的WinUI 3.0特定模板。 如果要构建新的WinUI应用程序，则非常值得安装，因为它使您开始使用运行时组件的模板以及.NET和C ++的空白应用程序。 如果找不到您要使用的所有控件，请不要担心。 这只是一个alpha版本，一些通用控件尚未为新框架重写。 随着2020年某个时候的发布，他们还有足够的时间来发布将来的alpha和beta版本。

将用户界面与Windows分开

WinUI过渡中最重要的部分也许是UI控件与其余Windows SDK的分离。 这是一项重要的更改，它使我们最终可以从底层操作系统中单独更新UI控件，甚至允许社区将其作为开源项目的一部分进行处理。 这是一个令人惊讶的大转变，将UI从Windows转移到了NuGet。 今天，如果列表框控件中存在错误，我们必须等待下半年半年的Windows更新来进行修复。 使用WinUI 3.0，我们将能够从NuGet下载更新的控件，重建我们的应用程序，然后发布更新。

UI与Windows SDK其余部分的分离应该使更新SDK的其余部分更加容易。 如果WinUI可以成功过渡到NuGet，则很显然，我们可以逐步开发Windows SDK的更多元素，并在相同的过程中发送它们。 这应该有助于推动.NET Core和将来的.NET 5.0在Windows应用程序开发中的采用，从而使其能够在Windows开发时间表之外发展。 Windows的新版本始终需要Windows SDK的新版本，但是没有理由不应该在半年周期之外继续发展，修复错误并添加新的API和功能。

通过WASM跨平台

微软为WinUI 3.0制定了宏伟计划。 尤为重要的是， 它与构建Uno Platform Web程序集控件的团队建立了合作关系 ，后者承诺使用WinUI 3.0控件库的浏览器托管版本。 随着Microsoft承诺将其新的基于Chromium的Edge浏览器的版本交付回Windows 7，以及在Linux和macOS上，您将能够使用这些控件以及Blazor的.NET Web程序集实现来交付WinUI 3.0所有其他平台的应用程序。

交付跨平台的，向后兼容的 （在一定程度上）WinUI是明智的一步。 我们生活在一个用户可以选择并且计算是异构的世界中。 如果开发人员想要最大范围的发展，那么我们需要像这样的工具，这些工具不仅可以跨现代.NET实现交付，还可以通过任何可用的方式交付给较旧的平台。 将WebAssembly用于WinUI非常有意义，因为它是真正的跨平台UI环境。

即使我们只有alpha版本，这里也有很多喜欢的东西。 WinUI 3.0工具是熟悉且易于使用的，可轻松将现有的UWP代码移动到新的UI框架。 对C ++ Win32应用程序的支持将为您提供将Fluent Design引入WPF或WinForms代码的机会，而无需跳过XAML Islands圈。 有了很多的希望，很难等待2020年和全面上市。

翻译自: https://www.infoworld.com/article/3453027/winui-30-the-future-of-windows-controls.html

winui vue

cxu0262
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
awesome-winui:WinUI Windows开发人员的真棒资源集合
05-16
很棒的WinUI WinUI / Windows开发人员的真棒资源的集合。 我们使用发布来警告新内容，仅在发布中添加监视以获取新内容的定期更新。 永远欢迎捐款！ 请先查看页面。 介绍 什么是WinUI？ 是一个用户界面层，其中包含用于构建Windows应用程序的现代控件和样式。 作为Windows中的本机UI层，它体现了Fluent Design，使每个Windows应用程序都具有客户期望的优美感觉。 从3.0版开始，它已与基础Windows开发平台（如WinForms，WPF和UWP）分离。 我们追踪的内容 该列表重点介绍用于使用WinUI构建Windows应用程序的库，教程，书籍和其他资源。 较旧的内容可以在“存档”文件夹中找到。 内容 频道数 大事记 播客 社区电话 网志 一般的 WinUI- WinUI的官方文档。 还提供了一个演示应用程序。 流利的设计系统-使您
microsoft-ui-xaml：Windows UI库：适用于您的应用程序的最新Windows 10本机控件和Fluent样式
01-30
Windows UI库 WinUI是一个用户界面层，其中包含用于构建Windows应用程序的现代控件和样式。 作为Windows中的本机UI层，它体现了，使每个Windows应用程序都具有客户期望的优美感觉。 WinUI 2是一个控件库，为Windows 提供了官方的本机Microsoft UI控件和功能。 WinUI 2可以在任何Windows 10 UWP XAML应用中使用，也可以在Windows 10中使用的Xamarin.Forms应用中使用。 WinUI 3是WinUI框架的下一个版本，将于2021年发布。它极大地将WinUI扩展为完整的UX框架，使WinUI可用于所有类型的Windows应用程序-从Win32到UWP-用作UI层。 WinUI社区电话 WinUI社区电话是您每月一次的机会，以了解具有WinUI的Windows的本机UX开发。 在这些电话中，我们将讨论WinUI路线图，我们的状态和您的反馈。 您可以在YouTube上在线观看它们。 将事件添加到您的日历： WinUI 3.0预览版3（2020年11月） 如所述，我们目前正在使用WinUI 3.0
Telerik_UI_for_WinUI_0_5_0_Dev.msi
10-02
Telerik Collection for .NET 2021 R3 Retail 开发版，无需破解
winui-docs:Syncfusion WinUI控件文档
04-06
Syncfusion WinUI文档 这是Syncfusion WinUI组件技术产品文档的GitHub存储库。 本文档已发布到 捐款欢迎！ 我们欢迎以改进WinUI组件用户指南文档。 您对此的贡献将不胜感激。
[WinUI3]编写一个仿Explorer文件管理器
jevonsflash的专栏
04-20 2496
这是一个简单的文件导航Demo，可以制作不限于本地的文件资源管理器，来替代Windows庞大而臃肿的explorer.exe，也可以制作网盘客户端，ftp工具等面向线上的文件管理工具。WinUI3是最新的微软桌面开发框架， 这个项目的代码也可以轻松改写成Wpf或者UWP应用。
vue-window-vue2的窗口UI组件。-Vue.js开发
05-27
vue-window简介最近的Web应用程序主要用于移动环境。 因此，窗口UI不再是主流。 但是，窗口UI是Vue-Window。简介最近的Web应用程序主要用于移动环境。 因此，窗口UI不再是主流。 但是，窗口UI对于PC环境的专业Web应用程序仍然有用。 该软件包是PC环境中作为Vue组件的窗口UI的实现。 适用于vue2的工作演示功能窗口组件Windows可以拖动自动z索引控制可调整大小的z索引组可配置的颜色主题内置3个颜色主题打开/关闭ani
类Windows界面的前端项目，基于TypeScript、Vue、ViewUI开发
tq26556570的博客
07-19 1190
heart-front-end 简介 heart-front-end是一个类Windows界面的前端项目，基于Vue 2.x + TypeScript + ViewUI(IView 4.x) + Sass开发，由于公司要求，后端暂时对应的是Jeesite的规范，如果想要对接其他后端就要做一些修改哦。 这个项目使用了TypeScript，引入了面向对象和面向接口编程的思想，易于扩展，可以做出各种好玩的东西，喜欢的尽管拿去用吧，我也是刚刚入门，所以肯定会存在不少问题，如果发现有不爽的地方记得告诉我哦_ 代码传送
模仿Windows10 UI 框架 Vue3
启明星的指引---博客
08-30 1553
vue3-win10 Vue3 仿Win10 UI 框架 推荐 Vue 3 + Typescript + Vite + Using <script setup> 本框架可以让你的页面像win10视窗系统一样，变为一个网页上的win10系统。 Demo|Demo|Demo 可视化的一大步 本框架可以让你的页面像win10视窗系统一样，变为一个网页上的win10系统。 Vue3支持 推荐 Vue 3 + Typescript + Vite 方便快捷 使用原本的Vue开发方式即可 ...
vue3+ElementUI-win10搭建
Aiken的自由世界
04-08 1882
文章目录1. 安装node.js1.1 下载和安装1.2 配置node.js1.3 安装cnpm1.4 设置环境变量（重要!!!）1.5 安装 vue 和 vue-cli2. 创建vite项目(vue-ts）1.1 创建vite-app (vue-ts）1.2 用vscode打开vite-app3. 创建vite项目(vue）3.1 创建 my-vue-app (vue）3.2 引入 Element Plus UI 组件库附录1.1 解决cmd乱码1.2 解决vscode中问题1.3 错误解决 1. 安装n
vue 任意拖拽_超牛 Vue.js 仿win7桌面管理DogstarUI
weixin_39537298的博客
12-12 730
今天给大家分享一个超棒的Vue模拟windows桌面UI管理Dogstar-UI。dogstar-ui 基于vuejs2.x框架虚拟windows桌面效果/管理桌面。在窗口和桌面端均可使用模态框和抽屉弹框。项目中弹窗功能做的挺不错，可实现任意拖拽、四周缩放及最大/小化窗口。弹窗获取焦点后层级置顶。快速安装# 克隆项目到本地git clone https://gitee.com/ispace-cod...
jWinUI:JavaScript中的简单Windows UI
05-05
旧玩具项目-请勿使用 jWinUI ---版本0.4 这是JavaScript中的简单Windows UI。 您可能会问如何使用它？ 好吧，这很简单： 创建一个窗口： var width = 640 , height = 480 ; var place = document . body ; var title = "I am a title" ; var url = "aPage.html" ; var x = 100 , y = 60 ; var win = Please . createWindow ( url , title , x , y , width , height , place ) ; /* this is the equivalent of var win = Please.createWindow(url, title) because all the rest
Xaml-Controls-Gallery:此应用程序演示了 WinUI 和 Fluent Design System 中可用的控件
08-03
使用 Microsoft.UI.Xaml (WinUI) 库：该应用程序包含最新的 WinUI NuGet 包，并展示如何使用控件，如 NavigationView、SwipeControl 等。 基本布局：此示例将显示您的应用程序的所有可能的布局选项，并允许您与...
模仿Win10 UI 框架 Vue3
启明星的指引---博客
08-10 959
Win10 UI 框架 Vue3 推荐 Vue 3 + Typescript + Vite + Using <script setup> 本框架可以让你的页面像win10视窗系统一样，变为一个网页上的win10系统。 Demo|Demo|Demo Usage 开发流程 推荐clone本仓库，在本仓库基础上修改，模版在/template目录下 引入winVue租组件（clone可以跳过此步骤） <WinVue></WinVue> import WinVue fro
windows安装vue脚手架(vue-cli)及vue ui无反应,npm i -g @vue/cli报错解决方案
因上努力，果上随缘
06-11 1709
首先去node.js官网下载系统对应的node.js版本。 安装完成之后，在命令行下，输入 node -v及npm -v检查node和npm(node自带npm)安装是否成功。 安装全局的cli。在命令行下输入npm install --global vue-cli。 然后输入 vue --version，来查看安装版本。 命令行输入: #vue ui 无反应,因为没有ui组件 #vue 经查询，需要通过npm i -g @vue/cli安装ui组件。但该命令执行过程中报错。 解.
Vue PC端框架
栀夏暖阳的博客
03-13 1492
1. Element Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库中文文档 | github地址 Element 2. iView 一套基于 Vue.js 的高质量UI 组件库中文文档 | github地址 iView 3. vue-element-admin vue-element-admin是基于 Vue2.0，配合...
win10+elementui+vue
weixin_42979818的博客
10-09 316
https://blog.csdn.net/xingchenhy/article/details/81511905
Vue UI 创建Vue前端工程(Windows)
热门推荐
jmu201821122110
09-27 8万+
Vue ui 创建Vue前端工程1.开启vue ui 服务2.访问 vue ui 界面3.创建项目4. 添加 element-ui 插件4.添加依赖4.启动 Vue 项目5.访问 Vue 项目 1.开启vue ui 服务 快捷键 win+r 打开 cmd 输入下面命令 vue ui 2.访问 vue ui 界面 打开浏览器,地址栏输入 localhost:8080 3.创建项目 点击创建 选择你要创建的项目目录,点击 在此创建新项目 输入项目名称,包管理器选择 npm, git 命令填写 init p
Vue3前端模仿实现Windows窗口
咚の窝
04-22 6768
基于vue-cli脚手架使用Vue3+TS技术，在前端实现类似windows的窗口，可以对窗体容器拖拽，窗口大小调整等，封装成两个指令与一个组件，可以选择性调用，扩展性强。
我为什么放弃WinUI3
神奇海螺
02-20 6258
我为什么放弃winui3
如何通过文件区分WinUI控件，UWP控件，WPF控件和Silverlight控件
最新发布
06-13
WinUI 控件、UWP 控件、WPF 控件和 Silverlight 控件在语法和结构上有所不同，因此可以通过检查 XAML 代码的命名空间来区分它们。以下是一些常见的命名空间和控件： - WinUI 控件：命名空间为 `http://schemas.microsoft.com/winui/2021/xaml/behaviors` 或 `http://schemas.microsoft.com/winui/2021/xaml/presentation`，控件名称以 `Microsoft.UI` 开头。 - UWP 控件：命名空间为 `http://schemas.microsoft.com/winfx/2006/xaml/presentation` 或 `http://schemas.microsoft.com/winfx/2008/xaml/presentation`，控件名称以 `Windows.UI` 开头。 - WPF 控件：命名空间为 `http://schemas.microsoft.com/winfx/2006/xaml/presentation` 或 `http://schemas.microsoft.com/netfx/2007/xaml/presentation`，控件名称以 `System.Windows` 或 `Microsoft.Windows` 开头。 - Silverlight 控件：命名空间为 `http://schemas.microsoft.com/winfx/2006/xaml/presentation` 或 `http://schemas.microsoft.com/client/2007`，控件名称以 `System.Windows.Controls` 或 `Microsoft.Windows.Controls` 开头。 可以通过读取 XAML 文件中的命名空间来确定使用的控件类型。例如，以下代码片段演示了如何读取 XAML 文件中的命名空间： ```csharp using System.Xml.Linq; // Load XAML file into an XDocument XDocument xdoc = XDocument.Load("MyXamlFile.xaml"); // Get the root element of the XAML file XElement root = xdoc.Root; // Get the default namespace of the XAML file XNamespace ns = root.GetDefaultNamespace(); // Check the namespace to determine the type of controls used in the XAML file if (ns.NamespaceName.StartsWith("http://schemas.microsoft.com/winui")) { // WinUI controls } else if (ns.NamespaceName.StartsWith("http://schemas.microsoft.com/winfx")) { // UWP or WPF controls } else if (ns.NamespaceName.StartsWith("http://schemas.microsoft.com/client")) { // Silverlight controls } else { // Unknown namespace } ``` 请注意，这只是一种简单的方法来区分不同类型的控件，实际上还需要考虑一些其他因素，例如控件的属性和行为。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值