皮皮网

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的下载LOL特权源码开源库，兼容多种版本，源码提供多样化的下载控件和主题，涵盖界面如原神、源码卡巴斯基等经典案例，下载适合开发者快速启动项目。源码

       第二款支持换肤功能的下载开源组件，针对.Net Framework 4.6.1，源码兼容多种控件，下载一键统一更换颜色、源码状态、动画，满足自定义需求，源码修改自定义。

       第三款开源框架兼容.Net 7，包含全面控件与工具，支持中文国际化，主题多样，适合企业使用，编程猫源码积木免费个人，商业应用需授权，涵盖控件、布局、交互、工具等功能。

       第四款是Krypton，一个丰富UI组件的开源库，提供多种基础控件与交互功能，支持主题自定义，助力快速构建高效界面。

       第五款是基于.Net Framework开发的个控件库集合，包含窗体、组件，支持皮肤切换，控件功能丰富，适用于直接使用或自定义。

       这些开源库均提供详细文档与示例，覆盖了开发过程中的多种需求，为Winform UI开发提供了极大的便利与支持。

滴滴 Web 移动端组件库 cube-ui 开源

       滴滴 WebApp 团队在去年底用 Vue.js 2.0 对业务进行重构，并开发了一套移动端组件库 cube-ui 支撑业务的开发。经过了一年多的接单小程序源码业务考验，cube-ui 也日趋成熟，而且我们相信除了在滴滴内部，cube-ui 也一定也有它的用武之地。好的东西必须要和大家分享，所以我们非常开心的告诉大家， cube-ui 在今天正式开源，源码地址： github.com/didi/cube-ui。

       cube-ui 从滴滴业务中提炼而来，由滴滴 WebApp 前端架构组开发和维护。cube-ui 的目标是让移动端的开发更加容易，让开发人员更加专注于业务逻辑的开发，提升研发效率。

       cube-ui 的特性包括：精简提炼自滴滴内部组件库，每个组件都有充分单元测试；追求迅速响应、动画流畅、接近原生的交互体验；遵循统一的设计交互标准，接口标准化，支持按需引入和后编译，轻量灵活；扩展性强，可以方便地基于现有组件实现二次开发。

       cube-ui 相对于同类型的移动端组件库的优势在于，其组件主要包括基础组件、弹出层组件和滚动组件，搏天API源码总共开源了 个组件，且在组件的体验和交互，包括易用性上我们都追求极致。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、怎样修改软件源码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上找到。

       以下是使用代码封装组件的代码总结：