首页
学习
活动
专区
圈层
工具
发布

.NET周刊【2月第3期 2025-02-16】

MAUI的开源UI组件库,提供快速搭建应用程序界面的控件。...用户可通过简单的 API 进行页面布局,支持多种布局方式,如 Column 和 Row。用户可以添加文本、图像,并自定义样式。库支持动态内容生成,适合创建复杂的 PDF 文档。...请求变量能够在发起 HTTP 请求时,提取响应中的数据以供后续请求使用。作者提供了如何在 API 身份验证中利用请求变量的实例,包括如何从响应中获取令牌并在随后的请求中使用该令牌。...UI Blazor 的数据网格中添加、删除、编辑和作数据 https://qiita.com/spc_rtakei/items/a14e0cc13fa9c1dfddd1 了解如何在 Fluent UI...了解如何在 Fluent UI Blazor 的 DataGrid 中实现筛选和排序功能。

3.7K00

最好用的 5 个 React select 多选下拉菜单组件测评推荐

[最好用的 5 个 React select 多选下拉菜单组件测评推荐] 本文完整版:《最好用的 5 个 React select 多选下拉菜单组件测评推荐》 在 React 开发中,单选 / 下拉...React Select 不仅组件代码简洁优雅,API 也非常友好,只要功能满足你,闭眼选它,不用担心出错 没有依赖 单选、多选、标记 自定义选项模板 下拉菜单 过滤及搜索建议 基本组件和对自定义组件的支持...虽然 UI 简单,但整体轻盈,功能有十分丰富,默认显示复选框,能够对多选项进行分组,支持在一行中显示多个选项,按组全选。...、键盘快捷键、UI 漂亮 [3react-select-search] react-select-search 是一款主打搜索的 React 下拉菜单选择器,轻量级、零依赖,有非常强大的搜索过滤功能,异步选项...轻量级,零依赖 基本的 HTML 选择功能,可多选 搜索 / 过滤功能 支持键盘快捷键 可设置带有组名的组选项,可以搜索组名 代码简洁,CSS 样式可定制 扩展阅读:《7款亲测好用的 react ui

8.9K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    .NET周刊【9月第3期 2024-09-15】

    API增强、新压缩选项与SignalR改进,并更新.NET MAUI。...该库为Web应用程序提供工具,确保与Microsoft产品一致的外观。Fluent UI Blazor封装了微软官方Fluent UI组件,并提供额外功能,简化开发流程。...通过设置名称空间和窗口样式,实现渐变背景效果,使圆弧看起来像球体。然后在窗口中添加堆叠面板和多个圆形元素,并且使用Storyboard添加动画效果,描述控件的动态行为。...先安装expression.Drawing包,然后配置窗口样式,并使用库中的圆弧控件。设置圆形渐变使其看起来像一个球体。接下来,通过StackPanel放置多个圆,并用Style设置其大小和颜色。...最后,使用Storyboard为动画部分添加循环动画,使控件动态展示。

    1.8K10

    OneCode3.0 框架深入研究与应用扩展

    2.2.1 下拉菜单组件的核心功能与特性OneCode 下拉菜单组件的核心功能与特性包括:基础功能:下拉选择:支持单选和多选模式输入提示:提供输入建议,帮助用户快速选择数据绑定:支持从多种数据源加载选项高级功能...:动态加载:支持选项的懒加载,提升性能搜索过滤:提供选项搜索功能,方便用户快速定位分组显示:支持选项分组显示,提高可读性模板自定义:支持自定义选项模板,满足个性化需求扩展功能:组合输入:支持输入与选择的组合使用级联选择...:支持多级下拉菜单的级联选择标签显示:支持已选项以标签形式显示2.2.2 下拉菜单组件的注解配置示例在 OneCode 中,下拉菜单组件的配置主要通过@CustomAnnotation、@ComboBoxAnnotation...2.2.3 下拉菜单在金融场景的应用案例在金融行业中,下拉菜单组件可用于用户类型选择、产品类型选择、风险等级评估等场景。...:中,通过响应式设计,支持多平台显示,但交互可能需要额外处理Material-UI:高,通过 React Native 可以轻松实现移动端适配团队协作:OneCode:高,通过双向同步和统一的注解体系,

    57720

    【从零开始的Qt开发指南】(十)Qt 常用控件之输入类控件全攻略:7 大控件从入门到实战,覆盖所有输入场景

    前言 在 Qt GUI 开发中,输入类控件是用户与程序交互的核心桥梁 —— 无论是简单的账号密码输入,还是复杂的长文本编辑、日期选择,都离不开输入类控件的支持。...四、ComboBox:下拉选择的 “高效控件” QComboBox 是下拉选项控件,支持固定选项选择、可编辑输入,适用于分类筛选、菜单选择等场景,能节省界面空间,提升操作效率。...选项图标的尺寸 带图标的下拉菜单 maxCount 最大选项数量 限制选项个数 placeholderText 可编辑模式下的提示文本 引导用户输入 / 选择 核心 API: addItem...:" << text; }); } 4.3 实战案例:从文件加载下拉选项 实际开发中,下拉选项常存储在配置文件中(如 txt、ini),通过读取文件动态加载选项:...总结 本文详细讲解了 Qt 中 7 种核心输入类控件的使用方法,从基础属性到实战案例,覆盖了单行输入、多行编辑、下拉选择、数值调节、日期时间输入等所有输入场景。

    28613

    .NET周刊【1月第2期 2025-01-12】

    模板支持 Angular、React 和 Web API,便于遵循整洁架构原则。安装与使用简单,提供了完整的命令行示例。...文章提供了代码示例,展示如何在 ASP.NET 环境中实现图片文本识别。...通过HTTP缓存头如ETag和Cache-Control,可以减少重复请求的负担,提升响应速度。介绍了Replicant和Delta库,这些工具有助于简化缓存实现与数据更新检测。...它允许在不同线程中保留特定值,确保异步任务中的一致性和优雅性。创建实例后,可以通过Value属性设置和读取值。在异步任务中,AsyncLocal的值是独立的,适用于数据传递和上下文管理。...首先,作者设置控件属性,并编写响应事件。在窗体的Load事件中,将NotifyIcon添加到系统托盘。接着,文章讲述如何处理窗体关闭事件,使应用程序实际隐藏,而不是退出。

    1K10

    【从零开始的Qt开发指南】(十五)Qt窗口之对话框终极指南:从分类到实战,解锁交互设计新高度

    用户确认:关键操作确认(如删除文件、退出程序时的 “是否保存” 询问)。 数据输入:临时参数输入(如查找文本、设置数值)、选项选择(如下拉列表选择)。...2.1.3 示例代码:基础模态对话框 先在.ui文件中创建控件: 代码编写如下: 2.1.4 适用场景 关键操作确认(如删除文件、清空数据)。...2.3.2 示例代码:混合属性对话框 2.3.3 适用场景 既需要独占交互(如参数设置),又不想阻塞主程序事件循环的场景。 复杂对话框(如多步骤配置),需要实时响应用户操作但不允许切换到父窗口。...动态创建:通过QColorDialog对象设置默认颜色、标题、选项等。 核心参数: initial:默认选中的颜色(如QColor(255, 0, 0)表示红色)。...固定选项选择(如下拉列表选择季节、类别)。 简短备注输入(如多行文本输入备注信息)。

    32520

    Blazor资源大全,很棒的Blazor(2)

    在这个视频中,我们将使用新的自定义元素功能在React中运行Blazor,并展示这个动态二人组的其他令人兴奋的功能和优势。不要错过Web开发的未来。...您将学习基础知识,包括如何使用XAML构建用户界面,如何使用MVVM和数据绑定简化开发,如何在页面之间导航,访问平台功能(如地理位置),优化数据集合,并为浅色和深色主题设置应用程序主题。...组件如何在其他SPA框架(如React或Angular)中使用(或反之),以及Blazor组件如何不仅用于Web项目,还与macOS、iOS、Android和Windows的原生应用程序共享(包括WPF...在原生 Blazor 应用程序中嵌入报表 - 2023年2月14日 - 查看使用 Telerik UI for Blazor 控件实现的最新 Progress Telerik Reporting 查看器的设置和自定义...的Fluent UI集成。

    3.6K20

    Ooder A2UI架构白皮书

    组件相关注解3.3 静态模板渲染Ooder A2UI采用静态模板渲染机制,与React/Vue的动态渲染有明显区别。...字段注解定义:用于定义具体的UI控件和输入字段示例:@InputAnnotation:输入框配置@DatePickerAnnotation:日期选择器配置@ComboBoxAnnotation:下拉框配置...基本组件定义:提供基本UI功能的原子组件示例:输入框、按钮、下拉框、日期选择器等特点:功能单一,高度可复用实现:通过字段注解定义,如@InputAnnotation、@ButtonAnnotation等...ResultModel定义:统一的API返回格式实现:包含code、message、data等字段特点:统一的返回格式,便于前端处理作用:确保API返回格式一致,便于前端统一处理响应4.4.2 通讯机制从技术文档中可以提取出...视图组件生成:根据视图层注解生成对应的前端视图组件设置视图的布局、样式和初始状态生成视图的容器结构和子组件占位符字段组件生成:根据字段注解生成具体的UI控件设置控件的类型、验证规则和初始值生成控件的DOM

    35000

    盘点7个开源WPF控件

    盘点7个WPF控件,有窗口托拉拽控件、Excel控件、列表排序控件、适合管理系统的一整套UI控件等。...1、一个可拖拉实现列表排序的WPF开源控件 项目简介 gong-wpf-dragdrop是一个开源的.NET项目,用于在WPF应用程序中实现拖放功能,可以让开发人员快速、简单的实现拖放的操作功能。...2、一个类似Office用户界面的WPF库 项目简介 Fluent.Ribbon是一个开源的UI库,它提供了现代化的、易于使用的用户界面,可以用于创建各种类型的桌面应用程序。...4、可托拉拽的WPF选项卡控件,强大好用! 项目简介 这是一个基于WPF开发的,可扩展、高度可定制、轻量级的UI组件,支持拖拉拽功能,可以让开发人员快速实现需要选项卡窗口的系统。...控件核心功能 1、工作簿:支持多工作表、工作表选项卡控件; 2、工作表:支持合并、取消合并、单元格编辑、数据格式、自定义单元格、填充数据序列、单元格文本旋转、富文本、剪贴板、下拉列表单元格、边框、样式、

    4.1K21

    全网最全 Flutter 与 React Native 深入对比分析

    看过我 Flutter 系列文章可能知道,Flutter 中我们写的 Widget , 其实并非真正的渲染控件,这一点和 React Native 中的标签类似,Widget 更像配置文件, 由它组成的...设置样式 等等,这对于前端开发者基本上没有太大的学习成本。...context) 方法内实现布局,利用不同 Widget 的 child / children 去做嵌套,通过控件的构造方法传递参数,最后对布局里的每个控件设置样式等。...最后总结一下,抛开上面的开发风格,React Native 在 UI 开发上最大的特点就是平台相关,而 Flutter 则是平台无关,比如下拉刷新,在 React Native 中, 会自带平台的不同下拉刷新效果,而在 Flutter 中,如果需要平台不同下拉刷新效果,那么你需要分别使用 RefreshIndicator 和 CupertinoSliverRefreshControl

    11.2K60

    AI重塑软件工程04-Spec Coding-基于Kiro AI IDE的周报系统开发01

    周报模板中的每个数据对象相互独立,每个数据对象里面的数据项支持字符,数字,日期三种类型。但是要注意对于字符型的时候可以选择具体的控件类型。其中包括了文本框架,多行文本框和下拉选择框。...,以便为系统中的下拉选择框提供配置数据。...WHEN 数据项为下拉选择框时,THE System SHALL 从关联的数据字典加载选项列表 9. THE System SHALL 提供还原上周周报按钮 10....- 实现数据对象的动态添加、编辑、删除 - 实现数据项的动态添加、编辑、删除 - 实现数据项类型选择(字符型、数字型、日期型) - 实现控件类型选择(文本框、多行文本框、下拉选择框)...(姓名、部门、编制时间、报告周期) - 根据周报模板动态渲染表单控件 - 实现不同数据类型和控件类型的输入组件 - 实现下拉选择框从数据字典加载选项 - 实现还原上周周报功能 - 实现暂存功能

    45710

    从零开始的Qt开发指南:(五)Qt 常用控件之 QWidget(上):解锁 Qt 界面开发的核心基石

    想象一下,你打开一个软件,看到的按钮、输入框、下拉菜单、滚动条,甚至是树形列表,这些都是 Qt 中的控件。...下拉框(Combo Box):选择预设选项; 滚动条(Scroll Bar):浏览超出界面的内容; 树形视图(Tree View)、列表视图(List View):展示结构化数据。...、前端 UI 库(如 Element-UI)都属于这一阶段,控件丰富度和美观度都有了质的飞跃。...2.2 enabled:控件的 “启用 / 禁用” 开关 enabled属性决定了控件是否能响应用户的交互操作。...2.2.3 代码示例 2:动态切换控件的启用状态 实际开发中,我们经常需要根据业务逻辑动态切换控件的状态。

    68712

    Jmix 2.1 发布

    可以在应用程序 UI 中定义动态属性: 在配置了属性之后,用户可以在已有的视图中查看并输入属性值: 动态属性会自动显示在特殊的 dynamicAttributesPanel 组件(如上所示)或任何现有的...可以通过 API 或使用附加组件提供的视图发送通知: ▲通知组件 应用程序的 UI 需要包含 notificationsIndicator 组件,例如在 main-view.xml 中: 选项列表时,将分页加载数据。如果用户在控件中输入一些文本,还可以按文本过滤选项。...因此,这种方法可以支持几乎任何大小的数据集作为下拉列表中的选项来源。 话又说回来,对于较小的数据集,使用单独的预加载集合容器仍然是更好的选择,因为响应更快。...一旦你在方法体中开始输入字符,则会出现一个代码自动完成的下拉列表,其中显示了可用的 bean、UI 组件、局部变量和类字段。尚未注入到类中的 Bean 和 UI 组件将以斜体字显示。

    2.6K10

    低代码平台的平衡术:如何在快速开发与企业扩展性之间找到最佳契机

    核心技术:组件库(React/Vue/Angular)状态驱动的数据绑定系统页面布局引擎(如 Grid Layout / Flexbox 封装)设计要点:模块化组件体系(支持继承/组合)属性联动配置(如...:下拉值改变后刷新另一个控件)状态管理隔离(防止全局状态污染)2....支持 JS 插槽表达式(如 {{ query1.data }})自定义逻辑 onClick 中嵌入 JS 表达式使用 JS 引擎解析 + 沙箱限制 API 集成内置 API...工作流引擎执行逻辑DSL 被解析为任务图后端服务调度任务,发送通知、变更状态UI 层实时渲染当前节点和状态,支持待办/提醒这类功能通常集成在平台的“流程中心”模块中,也可以对接 BPM 工具如 Camunda...前后端代码执行隔离后端 API 执行独立进程,不暴露平台底层环境所有 JS 执行在沙箱中,无法访问如 window, eval, Function3.

    44720

    微软Edge如何用Web Components替换React

    社区网站 WebComponents.org 将其描述为“一组 Web 平台 API,允许您创建新的自定义、可重用、封装的 HTML 标签,以便在网页和 Web 应用程序中使用。”...“该团队在将 Edge 移植到 Chromium 的过程中,决定,好吧,我们需要添加一些 UI 区别——与 Chrome 不同——因此,在这个过程中,他们进行了这种大规模的 React 转换。”...– Ritz Ritz 指出,Edge 开发人员可以使用微软自己的 Fluent UI 框架,该框架包含 React 组件和 Web 组件(以及其他类型的组件,例如针对 iOS 和 Android...除了可以使用微软的 Fluent UI 框架之外,Edge 团队还在构建一个软件产品,该产品只需要满足一个浏览器的需求:它自己的浏览器。...然而,Ritz 指出,许多外部开发人员可能不想完全按照相同的方式做事——例如,许多开发人员会想要选择与 Fluent UI 不同的样式框架。但至少,Ritz 的团队将能够为其他人提供“学习模式”。

    56810

    开源 UI 组件库:实现高性能界面设计 | 开源专题 No.65

    灵活性:Chart.js 提供了丰富多样的图表类型和配置选项,使用户能够根据自己的需求创建各种定制化的图表。 易用性:使用 Chart.js 可以轻松地在网页中绘制漂亮、交互式的 HTML5 图表。...该库中的某些组件是对微软官方 Fluent UI Web Components 的包装器。其他则是利用 Fluent Design System 或使其更容易与 Fluent UI 合作的组件。...细粒度反应性:整个库都围绕着受 leptos_reactive 启发而构建的响应式原语。这些响应式 “信号” 给用户提供了一种良好方式来进行反应状态管理,同时保持非常高效率。...以下是该项目的核心优势: 提供了丰富多样的图标库,可以满足各种不同需求。 可以通过简单易用的 API 在网页中快速集成这些图标。 支持自定义颜色、大小等属性,使得图标能够与页面风格完美匹配。...React UI 库。

    80610

    Hoppscotch:开源 API 开发工具,快捷实用 | 开源日报 No.77

    该项目具有以下核心优势: 轻量级:采用简约的 UI 设计。 快速:实时发送请求并获得响应。 支持多种 HTTP 方法,如 GET、POST、PUT 等。...可设置环境变量来初始化预处理脚本。 团队协作方面可以创建无限数量的团队成员和集合,在工作区中管理个人或者团队集合环境。 针对效率做了键盘快捷键优化设计。 通过启用代理模式解决 CORS 问题。...动态凭据:支持为某些系统 (如 AWS 或 SQL 数据库) 动态生成凭据。...; microsoft/fluentui[5] Stars: 16.7k License: NOASSERTION Fluent UI Web 是一个用于构建 Web 应用程序的实用工具、React...主要特点: 提供了一套全新、面向未来并富有前瞻性的 React 组件 支持渐进式迁移至最新版 (FluentUI V9) 包含对老版本 (如 V8) 已经广泛使用过程中积累下来的较为完善且稳定可靠等的功能

    1.8K10
    领券