iis建设个人网站,金华市建设银行网站,创意网站开发企业,公司做网站需要准备哪些资料本文阅读目录1. Avalonia UI简介Avalonia UI文档教程#xff1a;https://docs.avaloniaui.net/docs/getting-started随着跨平台越来越流行#xff0c;.NET支持跨平台至今也有十几年的光景了(Mono[1]开始)。但是目前基于.NET[2]的跨平台#xff0c;大多数还是在使用B/S架构的…本文阅读目录1. Avalonia UI简介Avalonia UI文档教程https://docs.avaloniaui.net/docs/getting-started随着跨平台越来越流行.NET支持跨平台至今也有十几年的光景了(Mono[1]开始)。但是目前基于.NET[2]的跨平台大多数还是在使用B/S架构的跨平台[3]上至于C/S架构大部分人可能会选择Qt进行开发或者很早之前还有一款Mono可以支持.NET开发者进行开发跨平台应用自微软收购Xamarin后今年又正式发布了MAUI跨平台框架[4]外加第三方的跨平台框架Uno[5][Avalonia UI](https://avaloniaui.net/ Avalonia UI)选择技术栈多的炸裂呀。今天介绍的是Avalonia UI[6]站长也是研究了好几天这是一个基于XAML[7]的跨平台UI框架并支持多种操作系统Windows.NET CoreLinuxGTKMacOSAndroid和iOSWebWebAssembly。2. Avalonia UI桌面三大平台演示这是Avalonia UI官方网站[8]的一个Demo站长对部分Nuget包进行了升级网友【小飞机MLA】对Linux版本修复了字体Bug得以正常运行、演示。2.1 本文案例一个音乐专辑搜索、展示小程序功能如下首页展示已购买的音乐专辑专辑选择页专辑搜索、购买2.2 案例资料案例教程https://docs.avaloniaui.net/tutorials/music-store-app案例原源码https://github.com/AvaloniaUI/Avalonia.MusicStore站长升级版源码https://github.com/dotnet9/AvaloniaTest/tree/main/src/Avalonia.MusicStore本文示例体验下载地址https://dotnet9.com/avalonia.musicstore/publish.html2.3 案例演示Windows 11macOS 13可安装Rider用EAP即可开发站长一次性直接编译运行(站长使用的.NET 7[9]运行调试过于顺畅与使用MAUI[10]相比不敢相信...国产麒麟V10操作系统站长安装麒麟OS[11]折腾了一会儿文件传输不熟悉最后使用的百度网盘中转...运行命令也不熟需要给运行程序设置执行权限777后面是网友【小飞机MLA】解决了Linux字体问题站长得以开心的运行并录了视频分享。2.4 小缺憾三个平台功能相同只是Linux自定义标题栏未生效有网友提示可以隐藏标题栏自己实现控制按钮最小化、最大化还原、关闭后面官方应该会解决Linux下这个问题继续研究、整3. Avalonia UI其他示例3.1 网友的分享以下内容摘自博文Avalonia学习实践(二)--跨平台支持及发布[12]。3.1.1 支持的平台支持的平台信息详细如下运行平台版本WindowsWindows8及其以上版本Window7也能用但不保证没问题MacOSMacOS High Serra 10.13及其以上版本LinuxDebian 9、Ubuntu 16.5、Fedora 30及其以上主要是各种发行版移动端跨平台也就是iOS和Android的支持。Web支持即WebAssembly这是国际标准。3.1.2 使用Linux内核国产操作系统的情况操作系统研制单位备注银河麒麟天津麒麟信息技术有限公司中标麒麟中标软件科技有限公司原中标普华统信UOS统信软件科技有限公司中科方德中科方德软件有限公司优麒麟中国CCN联合实验室基于Ubuntu发行版发布选项发布至测试环境统信UOS、AMD处理器所以选择linux-x64如下运行效果如下:附.国产CPU指令集路线国产CPU指令集龙芯loongarch(站长注网友指正是 loongarch原文是~~MIPS~~)海光x86兆芯x86飞腾arm鲲鹏arm申威Alpha其中龙芯是完全自主的指令集前段时间也刚刚更新了对.Net[13]的支持x86主要是生态好传统桌面处理器intel、AMD都是x86架构做兼容适配也方便些arm以前移动端较多现在桌面端也逐渐赶上。3.2 其他示例示例来自仓库Avalonia[14]。基于Avalonia搭建的项目部分如下3.2.1 Lunacy这是一款免费设计软件通过AI工具和内置图形保持流畅。项目网站https://icons8.com/lunacy以下来源于B站的一个视频搬运/英文使用 Lunacy 设计一个网站首页[15]3.2.2 Plastic宣传语Create without compromise不妥协地创造Unity Plastic SCM是一个版本控制和源代码管理工具旨在提高团队协作和与任何引擎的可扩展性。它为艺术家和程序员提供了优化的工作流程以及处理大型文件和二进制文件的速度。项目网站https://www.plasticscm.com/3.2.3 WasabiWallet用于桌面的开源、非托管比特币钱包。项目网站https://www.wasabiwallet.io/4. Avalonia UI与WPFMaui的原生控件从命名、属性列表看和原生Android类似但Xaml语法和WPF相同站长使用Maui原生控件不多只浅显地发表这部分看法不贴相关代码Maui学习请点这里[16]。而Avalonia UI[17]呢和WPF[18]就几乎相同了下面翻译原文数据绑定部分文档[19]熟悉WPF的同学可以对比绑定到控件除了绑定数据到一个控件的DataContext您还可以绑定到其他控件。请注意执行此操作时绑定源是控件本身而不是控件的DataContext. 如果你想绑定到控件DataContext那么你需要在绑定路径中指定它。4.1 绑定到命名控件如果要绑定到另一个命名控件的属性可以使用以#字符为前缀的控件名称(站长注这里类似前端的css id选择器其实Avalonia UI样式扩展的借鉴大部分来源于前端站长猜测的哈)。TextBox Nameother!-- Binds to the Text property of the other control --
TextBlock Text{Binding #other.Text}/这相当于 WPF 和 UWP 用户熟悉的 long-form(长表单)绑定TextBox Nameother
TextBlock Text{Binding Text, ElementNameother}/Avalonia 支持这两种语法但短格式#语法不那么冗长。4.2 绑定到祖先您可以使用以下符号绑定到目标的逻辑父级$parentBorder TagHello World!TextBlock Text{Binding $parent.Tag}/
/Border或者通过向$parent符号添加Index(索引)来传递给祖先Border TagHello World!BorderTextBlock Text{Binding $parent[1].Tag}//Border
/Border索引是从 0 开始的因此$parent[0]等同于$parent.您还可以按类型绑定到祖先Border TagHello World!DecoratorTextBlock Text{Binding $parent[Border].Tag}//Decorator
/Border最后您可以组合索引和类型Border TagHello World!BorderDecoratorTextBlock Text{Binding $parent[Border;1].Tag}//Decorator/Border
/Border如果您需要在祖先类型中包含 XAML 命名空间您可以使用字符:像往常一样来做到这一点local:MyControl TagHello World!DecoratorTextBlock Text{Binding $parent[local:MyControl].Tag}//Decorator
/local:MyControlAvalonia 还支持 WPF/UWP 的RelativeSource语法其功能类似但又不相同。RelativeSource适用于可视树而此处给出的语法适用于逻辑树。关于Avalonia UI的更多用法请点击这里[20]学习。5. JetBrains Rider支持JetBrains Rider现在正式支持Avalonia。对于XAML预览器添加支持代码完成、检查和重构https://plugins.jetbrains.com/plugins/dev/14839到插件库并安装AvaloniaRider插件。6. 常问问题翻译自Avalonia UI FAQ[21]6.1 我可以编写我的UI而不是使用XAML吗?是的。您可以使用首选的.NET语言对整个UI进行编码。6.2 有可视化拖拽设计器吗?不支持。Avalonia IDE扩展支持实时预览在您修改XAML时实时刷新呈现UI的预览从而替换拖放设计器。6.3 Avalonia是否支持热重载?您可以使用社区项目来启用Avalonia 的热重载。6.4 Avalonia可以与原生API互操作吗?是的。6.5 我可以针对不同平台进行交叉编译吗?是的。您可以在Windows平台上为macOS和Linux平台编译目标程序。您可能需要在这些平台上打包您的应用程序以创建您的应用程 序的发布包。6.6 我可以使用Avalonia构建移动应用程序吗?是的。您现在可以为Android开发我们有一个预览展示了iOS支持的开始。但是您应该仔细考虑每个平台, 并确保您的应用程序在较小的触控设备上表现良好。6.7 我可以用Avalonia建立网站吗?它还处于早期阶段, 还没有准备好投入生产但是是的你可以。Avalonia现在支持Web Assembly[22]。请参考快速演示: NodeEditor Demo[23]。这意味着您的完整Avalonia应用程序可以在所有现代网络浏览器中运行。6.8 我怎样才能参与其中?查看社区指南[24]了解如何参与该项目。6.9 支持哪些Linux发行版?Debian 9 (Stretch)Ubuntu 16.04Fedora 30Skia 是针对glibc构建的。如果您的发行版使用其他东西您需要使用SkiaSharp[25]构建您自己的libSkiaSharp.so[26]。我们仅为Intel x86-64提供预编译的二进制文件。计划支持ARM/ARM64。6. 10支持哪些版本的macOS?macOS High Sierra 10.13参考资料[1]Mono: https://www.mono-project.com/[2].NET: https://dotnet.microsoft.com/zh-cn/[3]B/S架构的跨平台: https://learn.microsoft.com/zh-cn/aspnet/core/?viewaspnetcore-7.0[4]MAUI跨平台框架: https://learn.microsoft.com/zh-cn/dotnet/maui/?viewnet-maui-7.0[5]Uno: https://platform.uno/[6]Avalonia UI: https://avaloniaui.net/[7]WPF XAML: https://learn.microsoft.com/zh-cn/dotnet/desktop/wpf/?viewnetdesktop-6.0viewFallbackFromnetdesktop-7.0[8]Avalonia UI官方网站: https://avaloniaui.net/[9].NET 7: https://dotnet.microsoft.com/zh-cn/learn[10]MAUI: https://learn.microsoft.com/zh-cn/dotnet/maui/?viewnet-maui-7.0[11]麒麟OS: https://www.kylinos.cn/[12]Avalonia学习实践(二)--跨平台支持及发布: https://blog.csdn.net/lordwish/article/details/124767653[13].Net: https://dotnet.microsoft.com/zh-cn/[14]Avalonia: https://github.com/AvaloniaUI/Avalonia[15]搬运/英文使用 Lunacy 设计一个网站首页: https://www.bilibili.com/video/BV1j3411b7G2/?spm_id_from333.337[16]这里: https://learn.microsoft.com/zh-cn/dotnet/maui/?viewnet-maui-7.0[17]Avalonia UI: https://avaloniaui.net/[18]WPF: https://learn.microsoft.com/zh-cn/dotnet/desktop/wpf/?viewnetdesktop-6.0[19]数据绑定部分文档: https://docs.avaloniaui.net/docs/data-binding/binding-to-controls#binding-to-an-ancestor[20]这里: https://docs.avaloniaui.net/docs/getting-started[21]Avalonia UI FAQ: https://docs.avaloniaui.net/misc/faq[22]Web Assembly: https://webassembly.org/[23]NodeEditor Demo: https://wieslawsoltes.github.io/NodeEditor/[24]社区指南: https://docs.avaloniaui.net/misc/community[25]SkiaSharp: https://github.com/mono/SkiaSharp[26]libSkiaSharp.so: https://github.com/mono/SkiaSharp
