首页 > 其他分享 >基于Material Design风格开源的Avalonia UI控件库

基于Material Design风格开源的Avalonia UI控件库

时间:2024-08-26 16:52:22浏览次数:11  
标签:控件 项目 Material 开源 UI Design Avalonia

前言

今天大姚给大家分享一款基于Material Design风格开源、免费(MIT License)的Avalonia UI控件库:Material.Avalonia。

当前项目还处于alpha阶段。

Avalonia介绍

Avalonia是一个强大的框架,使开发人员能够使用.NET创建跨平台应用程序。它使用自己的渲染引擎绘制UI控件,确保在Windows、macOS、Linux、Android、iOS和WebAssembly等不同平台上具有一致的外观和行为。这意味着开发人员可以共享他们的UI代码,并在不同的目标平台上保持统一的外观和感觉。

项目特点

  • 功能描述:提供了一套完整的Material Design样式和控件,用于定制Avalonia应用程序。

  • 控件支持:几乎涵盖了所有Avalonia控件的Material Design风格,以及额外的控件如Snackbars、侧面板、浮动按钮、卡片、对话框等,并且支持黑暗和亮色主题主题切换。

  • 易于配置:支持在设计时和运行时轻松配置颜色板,遵循Material Design指南。

  • 图标支持:全面支持Material Design图标包(需单独安装,以保持库体积小巧)。

项目源代码

图片

运行源码查看

设置Material.Avalonia.Demo.Desktop为启动项目运行调试:

图片

图片

项目运行效果

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

项目源码地址

更多项目实用功能和特性欢迎前往项目开源地址查看

标签:控件,项目,Material,开源,UI,Design,Avalonia
From: https://blog.csdn.net/qq_37237487/article/details/141561381

相关文章

  • UE5 UMG UI编辑器工作流
    创建UI控件1.在内容菜单(ContentBrowser)面板,点击添加(Add)或者右键空白处,依次选择用户界面(UserInterface)/控件蓝图(WidgetBlueprint)。2.在弹出来的窗口中,点击UserWidget即可创建一个UI控件,可以自定义命名(规范一点可以命名为WBP_XXX)。初识UMGUI编辑器双击UI控件蓝图......
  • 网站提示411 Length Required:请求未包含Content-Length头怎么办
    当遇到“411LengthRequired”错误时,这意味着服务器要求客户端在请求中包含 Content-Length 头信息,以指示请求体的长度。这个错误通常出现在HTTP的POST、PUT和PATCH请求中,因为这些请求通常包含请求体。解决方案检查请求确认请求是否包含请求体。如果请求体为空,可......
  • 网站提示426 Upgrade Required:客户端需要升级协议才能完成请求怎么办
    当遇到“426UpgradeRequired”错误时,这意味着服务器要求客户端使用更高级的协议来完成请求。这种情况通常发生在客户端尝试使用较旧的协议版本时,而服务器只支持更新的协议版本。解决方案检查客户端协议版本确认客户端使用的协议版本。如果客户端使用的是HTTP/1.1而服务......
  • 网站提示428 Precondition Required:必须在请求中设置先决条件怎么办
    当遇到“428PreconditionRequired”错误时,这意味着服务器要求客户端在请求中包含特定的先决条件(precondition)。这种错误通常出现在客户端尝试执行某项操作时,服务器需要确认某些条件得到满足。解决方案检查请求头确认请求头中是否包含了服务器要求的先决条件。例如,服务器......
  • layui弹框在按钮的旁边
    想让弹框随着按钮位置变化而变化,通过offset设置<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><metaname="viewport"content="width=device-width,initial-scale=1.0"/><t......
  • layui中layer.open改变第一个按钮的样式
    (1)改变所有弹框第一个按钮颜色,在css中操作.layui-layer-btn.layui-layer-btn0{background-color:#d3d3d3;/*灰色背景*/color:#000;/*按钮文字颜色*/} (2)只改变一个弹框按钮颜色,在success中操作success:function(layero){//在弹框打开后,选择按钮......
  • 点击屏幕新增一个按钮/图片等控件
    在日常代码编写中,有时候会遇到一些在页面中随机点击新增一个按钮,图片等控件或文字,此时我们需要用到如下代码代码如下html:js:1.先设置图片varimg=$('');img.attr('ID','myCarousels123');//设置图片源img.attr('src','/GateMana/FindImage?GateID='+obj.gateI......
  • 用ComfyUI打造一键换装神器,轻松搭建本地工作流!
    前言最近快手推出了一个一键换装的模型,还原度还挺高的,效果也很不错,于是自己上手用ComfyUI也搭建了一套这样的工作流,练练手,搭建出来之后发现效果也还挺不错的,分享给大家:我们先来看看快手实际演示的效果:通过上传一张模特图,然后选择一个想要替换的服装;就可以将服装替换到模......
  • vue element-ui表格table 表格动态 添加行、删除行、添加列、删除列 自定义表头
         vuetable表格动态添加行、删除行、添加列、删除列自定义表头; 增加一行、删除一行、添加一列、删除一列;每行带输入框input代码1、HTML部分:<template><divclass="app-container"><el-table:data="tableData"borderstyle="width:600px;margin-to......
  • 折腾 Quickwit,Rust 编写的分布式搜索引擎-官方教程
    快速上手在本快速入门指南中,我们将安装Quickwit,创建一个索引,添加文档,最后执行搜索查询。本指南中使用的所有Quickwit命令都在CLI参考文档中进行了记录。https://quickwit.io/docs/main-branch/reference/cli使用Quickwit安装程序安装QuickwitQuickwit安装程序会......