1.盘点下5个Winform UI开源控件库
2.滴滴 Web 移动端组件库 cube-ui 开源
3..NET跨平台开源控件库-SukiUI
4.Naive Ui Admin - 基于 Vue3/Vite/TS 等最新的源码前端技术栈构建的免费开源中后台前端框架
5.opengl-01:源码编译
6.ComfyUI学习笔记01,ComfyUI安装
盘点下5个Winform UI开源控件库
探索五款优秀开源控件库,下载助力Winform UI开发,源码实现更丰富的下载界面与用户体验。
第一款为ReaLTaiizor,源码一个面向.Net的下载仿安逸花源码开源库,兼容多种版本,源码提供多样化的下载控件和主题,涵盖界面如原神、源码卡巴斯基等经典案例,下载适合开发者快速启动项目。源码
第二款支持换肤功能的下载开源组件,针对.Net Framework 4.6.1,源码兼容多种控件,下载一键统一更换颜色、源码状态、动画,满足自定义需求,源码修改自定义。
第三款开源框架兼容.Net 7,包含全面控件与工具,支持中文国际化,主题多样,适合企业使用,iceworks源码免费个人,商业应用需授权,涵盖控件、布局、交互、工具等功能。
第四款是Krypton,一个丰富UI组件的开源库,提供多种基础控件与交互功能,支持主题自定义,助力快速构建高效界面。
第五款是基于.Net Framework开发的个控件库集合,包含窗体、组件,支持皮肤切换,控件功能丰富,适用于直接使用或自定义。
这些开源库均提供详细文档与示例,覆盖了开发过程中的多种需求,为Winform UI开发提供了极大的便利与支持。
滴滴 Web 移动端组件库 cube-ui 开源
滴滴 WebApp 团队在去年底用 Vue.js 2.0 对业务进行重构,并开发了一套移动端组件库 cube-ui 支撑业务的开发。经过了一年多的graylog源码业务考验,cube-ui 也日趋成熟,而且我们相信除了在滴滴内部,cube-ui 也一定也有它的用武之地。好的东西必须要和大家分享,所以我们非常开心的告诉大家, cube-ui 在今天正式开源,源码地址: github.com/didi/cube-ui。
cube-ui 从滴滴业务中提炼而来,由滴滴 WebApp 前端架构组开发和维护。cube-ui 的目标是让移动端的开发更加容易,让开发人员更加专注于业务逻辑的开发,提升研发效率。
cube-ui 的特性包括:精简提炼自滴滴内部组件库,每个组件都有充分单元测试;追求迅速响应、动画流畅、接近原生的交互体验;遵循统一的设计交互标准,接口标准化,支持按需引入和后编译,轻量灵活;扩展性强,可以方便地基于现有组件实现二次开发。
cube-ui 相对于同类型的移动端组件库的优势在于,其组件主要包括基础组件、弹出层组件和滚动组件,setupx 源码总共开源了 个组件,且在组件的体验和交互,包括易用性上我们都追求极致。cube-ui 支持 2 种使用方式,声明式和 API 式。
cube-ui 的某些组件有着很好的扩展性,可以根据实际场景需求做功能的扩展,例如基于弹层类组件的基类开发更丰富的弹层类组件,或者基于移动端选择器组件扩展出城市选择器组件。
cube-ui 底层依赖了 Vue 和 better-scroll,并依赖了一系列工具做了构建部署、单元测试等工作。未来我们会持续对 cube-ui 迭代和优化,包括但不限于开发更多通用的组件,支持换肤功能,以及考虑对静态类型检查的支持。
.NET跨平台开源控件库-SukiUI
Suki是控件库作者宠物狗的名字
SukiUI是一款桌面端和移动端的开源控件库,基于AvaloniaUI构建。AvaloniaUI是一个跨平台的.NET框架,用于创建美观且现代化的图形用户界面(GUI)。AvaloniaUI支持包括Windows、macOS、Linux、knime 源码iOS、Android和Web Assembly在内的多平台应用开发,并兼容所有支持.NET Standard 2.0的平台。AvaloniaUI官方网站为avaloniaui.net,中文文档可访问avaloniachina.gitbook.io。SukiUI提供了丰富的控件和组件,涵盖桌面端和移动端应用的开发需求。以下为SukiUI的一些特色控件和文档资源。
桌面端控件的文档可在线查阅,具体链接为[2]。移动端控件的文件详情请参考[3]。用户还可以根据需求进行自定义开发,相关信息位于[4]。为了提高应用的交互性,InteractiveContainer控件允许轻松集成Dialog和Toast等功能,以增强用户体验。用户可以访问[6]以获取详细的控件文档。
关于安装步骤,相关文档链接为[5]。此外,SukiUI的官方Wiki页面提供了更多详细信息和参考资料,访问链接为[1]。欲了解更多内容,用户可直接访问SukiUI的GitHub仓库,获取完整文档和源代码:github.com/kikipoulet/SukiUI。此开源控件库旨在为开发者提供一个全面、易用的解决方案,以适应不同平台的开发需求。
Naive Ui Admin - 基于 Vue3/Vite/TS 等最新的前端技术栈构建的免费开源中后台前端框架
Naive Ui Admin 是一款基于 Vue3.0、Vite、Naive UI、TypeScript 的免费开源中后台前端框架。它结合了 Naive Ui 的高质量 UI 组件库,提供了一套完整的中后台管理系统解决方案。Naive Ui Admin 提炼了常见且具有代表性的业务模型页面,包括二次封装组件、动态菜单、权限校验、粒子化权限控制等,旨在帮助开发者快速搭建企业级中后台项目,提高开发效率。
这款框架使用了最新的前端技术栈,有助于学习和生产应用。用户可以快速上手,体验到高质量的中后台管理框架带来的便捷。然而,对于复杂业务场景,尽管提供了丰富的业务组件,仍可能需要额外实现一些操作界面。
Naive Ui Admin 由 @Ah jung 开发和维护,更新频繁,文档和源码资源丰富,上手难度不大。它借鉴了 vue-vben-admin 实现的骨架,与后者一样,是一款颜值高且功能强大的优秀 admin 框架。
Naive Ui Admin 和 Naive Ui 一样,完全免费开源,基于 MIT 开源协议托管在 Github 上。任何个人或公司都可以免费下载使用。
获取更多详细信息,访问以下链接:
/ocornut/imgu...
ubuntu安装opengl
解压zip
cmake配置
一级CmakeList
二级CmakeList
根据makefile内容配置CmakeList(imgui-1..4/examples/example_glfw_opengl3/Makefile)
编译输出 edgelee / vscode-opengl-tutorial -3-imgui-(system-gl)
1.4 imgui源码编译(不依赖系统OpenGL)
imgui源码下载:同1.3
ubuntu安装opengl:不需要(即使安装,不使用)
解压zip:同1.3
cmake配置
一级CmakeList:同1.3
二级CmakeList:去掉OpenGL依赖
编译错误
根据错误提示,修正
imgui-1..4/backends/imgui_impl_glfw.cpp文件的添加
编译结果 edgelee / vscode-opengl-tutorial -3-imgui-(no-system-gl)
2 实例2.1 旋转三角形 glfw +glad
源码文件:glfw-3.3./examples/simple.c(不采用glfw自带glad,修改到自编译glad)
一级CmakeList
二级CmakeList
生成效果 edgelee / vscode-opengl-tutorial -sample-glfw-glad
2.2 gui界面 glfw +imgui
源码文件:imgui-1..4/examples/example_glfw_opengl3/main.cpp
一级CmakeList
二级CmakeList
生成效果 edgelee / vscode-opengl-tutorial -sample-glfw-imgui
2.3 gui界面 glfw +glda +imgui(建议方式)
注:建议采用此方式,openGL api 统一使用 gdal api
源码文件:imgui-1..4/examples/example_glfw_opengl3/main.cpp(修改到 gdal api)
一级CmakeList
二级CmakeList
生成效果 edgelee / vscode-opengl-tutorial -sample-glfw-glad-imgui
ComfyUI学习笔记,ComfyUI安装
欢迎来到ComfyUI的学习之旅!这是一篇关于ComfyUI的安装步骤的笔记,旨在帮助您顺利完成安装并启动使用。
安装流程分为两种方式:一种是使用ComfyUI官方提供的整合包,另一种是通过git克隆源代码。官方整合包提供了运行所需的全部环境,操作简单。您只需下载一个压缩包(7z格式),使用常见解压软件将其解压。解压后,您将看到一个名为“python_embeded”的文件夹,其中包含了运行所需的Python环境、pytorch及其他包。
启动运行有两种选择:如果您没有Nvidia显卡,可选择“run_cpu.bat”;若有Nvidia显卡,推荐使用“run_nvidia_gpu.bat”。双击相应的脚本即可启动。
启动后,您将看到一个默认地址为“.0.0.1:”的网页窗口,这代表安装和启动已成功完成。如果需要安装模型文件,只需将它们放在“models/checkpoints”文件夹下,并通过点击右侧的“Refresh”按钮刷新列表。新添加的模型文件将立即显示在左侧的“Load Checkpoint”中。
对于那些已经安装了Stable Diffusion webui的用户,可以通过git克隆ComfyUI源代码,借助webui的环境来启动。首先,您需要将源代码克隆到本地。如果您不熟练使用命令行,也可以使用GitHub官方客户端操作。
接着,激活webui目录下的venv环境,选择使用conda启动或指定webui安装文件夹下的venv里的python来运行。具体步骤根据您之前安装webui的方式决定。
对于手动安装的需求或特定硬件(如AMD显卡在Linux环境下),请参考ComfyUI官网提供的详细步骤。无论是Windows、Mac还是Linux环境,ComfyUI都能满足您的需求。
最后,希望这篇笔记能帮助您顺利完成ComfyUI的安装,并开始您的生成之旅。欢迎在过程中遇到任何问题时,寻求进一步的帮助和指导。祝您学习顺利!
elementui源码学习之仿写一个el-tag
本文旨在记录如何仿写el-divider组件的细节,以帮助读者更深入地理解饿了么UI中对应组件的具体工作方式。这是继之前elementui源码学习仿写系列文章之后的又一新作,未来如有空闲时间,将继续更新并仿写其他组件。相关源码已托管于github,读者可下载后通过npm start运行,并结合注释进行学习。github仓库地址为:github.com/shuirongshui...
针对tag组件,其主要用途是展示标签信息,常见需求包括:
饿了么官方采用的el-tag组件是通过render函数实现的,因此这里我们也采用相同的方法进行编写。整体而言,这个组件相对简单。只需注意jsx的语法即可。
若想查看效果,可直接复制粘贴代码运行,并结合注释进行学习。最完整的代码可在github上找到。
以下是使用代码封装组件的代码总结: