ui标签_Harmony PC 开发者社区

ui

鸿蒙pc开发中的@Builder装饰器函数中的UI语法限制

在 HarmonyOS 的 ArkTS 开发中，踩坑记录08：@Builder 装饰器函数中的 UI 语法限制是很多新手都会遇到的问题。本文记录了完整的踩坑经历——从错误复现到根因定位再到解决方案，希望能帮助你在遇到类似问题时快速定位方向。

2301_80388658
2026-04-22 23:07:55

 573

 5

#harmonyos #ui #华为
鸿蒙跨端实战_原生与Qt混合开发：UI集成与事件处理

本文探讨了在鸿蒙系统上开发Qt应用时，如何协调Qt与鸿蒙原生UI框架的集成问题。核心问题包括窗口层级关系和事件响应优先级冲突。解决方案提出建立一个事件适配层，并设计了UI组件集成框架：首先定义抽象接口规范交互，然后通过JNI实现具体的鸿蒙UI适配器，将Qt事件与系统事件相互转换。该方案实现了两个框架的无缝协作，使Qt应用能够调用原生组件并处理系统事件。

淼学派对
2025-11-22 20:01:06

 847

 23

#harmonyos #qt #ui
鸿蒙PC桌面Electron框架应用实战：窗帘配色伴侣技术实现详解

开源鸿蒙PC窗帘配色伴侣项目摘要该项目是一个基于开源鸿蒙PC的窗帘配色可视化工具，旨在帮助用户通过智能分析选择最佳窗帘配色方案。核心功能包括： 3D房间模拟：使用纯CSS3实现墙面、地板、沙发和窗户的可视化效果四色调配系统：支持墙面、沙发、窗帘和地板四种元素的颜色自定义多样式窗帘：提供平拉、波浪、罗马、蕾丝四种窗帘样式选择智能分析：基于HSL色彩空间理论计算配色和谐度评分方案管理：支持保

 Math_teacher_fan
2026-05-30 16:51:25

 1539

 57

#harmonyos #华为 #鸿蒙 +3
鸿蒙PC Electron框架实战：上门维修预约系统技术实现详解

摘要：上门维修预约系统是基于鸿蒙PC Electron框架开发的纯前端应用，提供家电维修、水电安装等6大类服务的在线预约功能。系统采用单页应用架构，包含首页、预约维修、订单管理、个人中心等模块，支持服务浏览、在线预约、订单追踪等完整流程。通过本地存储实现数据持久化，无需后端支持即可运行。技术架构分为前端应用层、Electron中间层和鸿蒙原生层，使用HTML/CSS/JavaScript实现响应

 红目香薰
2026-05-27 23:37:48

 1351

 59

#harmonyos #electron #华为 +4
鸿蒙Electron框架下鸿蒙PC-我的诗词 - 诗意生活技术实现详解

摘要： "我的诗词"是一款基于鸿蒙Electron开发的简约诗词应用，采用Web技术栈实现跨平台功能。应用包含四大核心模块：1) 诗词浏览支持分类/作者/朝代筛选；2) 详情展示提供完整诗词内容与解析；3) 收藏管理实现本地持久化存储；4) 创作工具鼓励用户原创。技术架构采用三层设计（界面层/逻辑层/存储层），诗词数据库包含20首经典作品，支持智能多维度过滤。特色功能包括语音朗读、标签系统和响应式

 红目香薰
2026-05-26 21:21:55

 2587

 69

#harmonyos #electron #生活 +4
07答案比对与反馈UI-鸿蒙PC端Electron开发

文章摘要：本文介绍了开源鸿蒙PC项目中手写识别的答案比对与反馈UI实现。通过normalize()函数标准化OCR识别结果和正确答案，解决了大小写、空格、标点等导致的误判问题。比对逻辑分为三种状态：正确（绿色✓）、错误（红色✗并显示正确答案）、无识别内容（黄色警告）。反馈浮层采用Stack布局，定位在画布左上角，确保清晰可见且不干扰书写。错误时显示正确答案的设计强化了纠错学习功能，提升了用户体验

 廖松洋（Alina）
2026-05-12 16:52:21

 259

 4

#ui #electron #javascript +4
鸿蒙Electron框架下鸿蒙PC——命枢AI生命体征分析系统技术实现详解

摘要：命枢AI生命体征分析系统是基于Electron开发的跨平台健康管理应用，整合AI技术与可视化引擎。系统采用三栏布局：左侧管理外源性因素（症状/药物），中央展示免疫细胞动态对战动画，右侧提供面部分析及健康数据（如BMI计算）。核心技术包括Canvas实时渲染、多模态AI分析（DeepSeek/Qwen3.5）和流式数据处理，支持图片上传获取健康评估（年龄、疲劳值等JSON结构化结果）。开源地

 红目香薰
2026-05-25 15:28:16

 2721

 62

#electron #人工智能 #javascript +4
鸿蒙PC Electron框架实战：儿童故事UI布局设计

开源鸿蒙PC儿童故事应用简介本项目是一款专为3-8岁儿童设计的睡前故事应用，基于开源鸿蒙PC平台开发。应用提供8个精选儿童故事，涵盖动物、童话、寓言和科普四大类别，采用彩虹色系设计和分段阅读模式，确保儿童友好体验。技术架构：前端：HTML/CSS/JavaScript构建响应式界面架构层：Electron+Preload实现IPC通信原生层：HarmonyOS适配器支持核心功能：分类

 Math_teacher_fan
2026-05-28 00:13:17

 1488

 57

#harmonyos #electron #华为 +2
鸿蒙Electron框架下鸿蒙PC——命枢AI生命科学模拟器 - 病原体管理系统实现与UI设计详解

摘要：病原体管理系统是命枢AI生命科学模拟器的核心数据层，负责管理病毒、细菌和不良饮食三类外源性因素。系统采用三级分类管理，包含59种病原体配置，支持详细属性展示（伤害值、速度、抗性等）和关联药品信息。UI设计采用标签页布局，左侧为病原体网格列表，右侧为详情面板，支持一键添加到对战系统并实时统计战损数据。通过emoji图标和颜色编码增强可视化识别，为免疫细胞对抗模拟提供数据基础。关键词：病原

 红目香薰
2026-05-25 15:12:31

 8300

 58

#人工智能 #ui #算法 +2
鸿蒙PC Electron框架实战：通假字学习系统技术实现详解

通假字大全项目摘要通假字大全是一款基于鸿蒙PC Electron框架开发的古代汉语学习工具，专注于系统整理和展示中国古代文献中的通假字现象。项目采用现代Web技术栈（HTML5/CSS3/JavaScript），包含三大核心功能模块：通假字浏览系统（支持分类筛选和智能搜索）、交互式学习系统（含进度跟踪功能）以及详细释义展示系统（包含用例、例句和出处）。技术架构采用分层设计，前端通过Electro

红目香薰
2026-05-27 22:27:36

 1539

 51

#harmonyos #electron #学习 +4
鸿蒙Electron框架下鸿蒙PC-我的诗词 - 朗读功能技术实现详解

文章摘要：本文介绍了基于Web Speech API实现的诗词朗读功能开发过程。主要内容包括：1）功能背景与设计理念，强调朗读对理解诗词韵律的重要性；2）技术选型分析，选择Web Speech API因其原生支持、跨平台特性；3）详细API架构说明，涵盖SpeechSynthesis核心组件和方法；4）具体实现代码解析，展示如何拼接诗词文本并设置朗读参数；5）关键设计细节，如文本拼接策略、语速设

 红目香薰
2026-05-26 21:21:18

 2643

 73

#electron #javascript #前端 +4
鸿蒙PC Electron框架实战：UI组件开发与交互设计

摘要本文介绍了开源鸿蒙PC社区UI组件开发方案，重点阐述了Electron应用中的组件架构设计与实现。文章首先强调了UI组件在桌面应用开发中的重要性，包括可复用性、可维护性等核心特性。随后详细讲解了组件分类体系（基础组件、容器组件等6大类）和基于JavaScript的组件基类设计，提供了完整的代码实现。最后以Button组件为例，展示了具体组件的开发方法，包括属性设置、事件处理和样式管理等。该项

 红目香薰
2026-05-27 21:28:14

 330

 31

#harmonyos #electron #ui +4
鸿蒙Electron框架下鸿蒙PC——健康管理系统技术实现详解

开源鸿蒙PC健康管理系统技术解析该系统采用Electron+OpenHarmony混合架构，核心功能包括： AI健康分析模块基于DeepSeek-V3大模型实现智能诊断采用多层JSON解析容错机制温度参数0.55平衡准确性与创意性症状识别系统支持输入症状预测3-5种病原体严格定义JSON输出格式包含概率、严重程度等关键指标技术亮点混合架构实现跨平台支持完善的错误处理和数据校验

 红目香薰
2026-05-25 15:25:14

 8210

 62

#harmonyos #electron #华为 +4
鸿蒙Electron框架下鸿蒙PC——命枢AI生命科学模拟器 - 症状诊断功能实现与UI设计详解

摘要：命枢AI生命科学模拟器的症状诊断系统通过智能分析用户输入的身体症状，提供可能的感染类型及概率评估。系统采用暗黑风格UI设计，包含症状输入框、快捷标签选择、AI诊断/问诊按钮和结果展示区域。核心功能包括：1)支持手动输入和标签快捷选择症状；2)基于DeepSeek-V3模型进行专业医疗分析；3)按概率排序展示病原体诊断结果；4)一键集成到对战系统。技术实现上采用JavaScript处理症状添

 红目香薰
2026-05-25 15:04:11

 8356

 80

#人工智能 #ui #electron +2
鸿蒙PC UI控件库 - TextArea 多行文本输入详解

摘要 TextArea是一个多行文本输入组件，支持自动高度调整、字数统计、长度限制等功能。主要特性包括：支持多行文本输入与自动换行可配置字数统计显示和最大长度限制自动调整高度（3-10行范围）提供标签、提示文本和错误提示功能包含品牌标识和多种尺寸选择支持禁用、只读、必填等状态适用于评论输入、内容编辑等场景，通过API可灵活配置各项参数。组件采用双向绑定机制，所有样式均可通过代码定制，

红目香薰
2025-12-14 13:07:20

 1012

 13

#harmonyos #ui #华为
鸿蒙PC UI控件库 - ButtonGroup 按钮组详解

本文介绍了ButtonGroup组件，这是一个支持单选和多选模式的按钮组控件。组件具有统一视觉设计，提供三种尺寸(small/medium/large)，支持图标显示和禁用状态，左下角自动包含品牌标识。文章详细说明了组件的API接口、使用示例和主题配置方法，适用于筛选条件、选项选择等多种场景。通过代码示例展示了基础单选、多选、带图标和不同尺寸的按钮组实现方式。该组件所有样式均可通过代码配置，便于开

 红目香薰
2025-12-13 21:31:32

 925

 24

#harmonyos #ui #android
鸿蒙PC UI控件库 - TextInput 文本输入框详解

本文介绍了TextInput基础文本输入框组件，支持多种输入类型、验证、提示和图标功能。该组件具有三种尺寸（small/medium/large）、多种状态（正常/聚焦/错误/禁用/只读）以及左右侧图标支持。适用于表单输入、搜索和数据录入等场景，内置品牌标识和主题配置功能。文章详细说明了API参数、使用示例和快速入门方法，并提供了双向绑定的实现方式。

红目香薰
2025-12-13 22:08:10

 1649

 18

#harmonyos #ui #华为
鸿蒙PC UI控件库 - Label 基础标签详解

Label组件是一个基础标签控件，提供多种颜色、尺寸和图标支持，适用于状态标识、分类标签等场景。支持7种颜色类型(default/primary/success等)、3种尺寸(small/medium/large)，可配置文字图标和品牌标识。组件采用简洁设计，所有样式均可代码配置，包含丰富的API和示例，如基础标签、带图标标签等，满足不同场景的标签展示需求。

红目香薰
2025-12-15 14:39:50

 1100

 15

#harmonyos #ui #华为
鸿蒙PC UI控件库 - IconButton 图标按钮详解

IconButton是一个纯图标按钮组件，适用于工具栏等场景。核心特性包括：仅显示图标无文字、支持圆形/方形两种形状、small/medium/large三种尺寸（large为80×80vp）、自动包含品牌标识。提供加载状态、禁用状态和自定义颜色功能，所有样式均可代码配置。推荐使用ASCII字符作为图标以确保兼容性，如S(设置)、U(用户)、+(添加)等。组件API支持图标资源或文字图标，并可通过

 红目香薰
2025-12-13 20:41:16

 923

 12

#harmonyos #ui #华为
鸿蒙跨端实战_与Qt的双线程模型：主线程与UI线程的博弈

本文探讨了在OpenHarmony系统中集成Qt框架时遇到的"双UI线程"架构问题。Qt运行在独立线程，而OpenHarmony主线程负责ArkUI渲染，这种架构容易导致跨线程死锁。文章通过一个模态对话框案例展示了死锁场景：Qt线程同步等待ArkUI操作结果，而ArkUI线程又在等待Qt线程释放锁。解决方案包括：1）采用异步回调机制替代同步等待；2）使用napi_threads

淼学派对
2025-11-22 21:03:00

 936

 9

#harmonyos #qt #ui
鸿蒙PC UI控件库 - TextButton 文本按钮详解

TextButton是一款轻量级文本按钮组件，采用无背景设计，适用于链接和次要操作场景。核心特性包括：多种尺寸选择、图标支持、加载动画、禁用状态、下划线样式以及自定义颜色。组件自动包含品牌标识，所有样式均可通过代码配置。提供三种预设尺寸(small/medium/large)，支持左右图标位置，可设置为链接风格(带下划线)。与PrimaryButton和SecondaryButton形成完整的按钮

 红目香薰
2025-12-13 20:06:44

 1239

 20

#harmonyos #ui #华为
鸿蒙Electron：基于OpenHarmony的跨平台开发新范式（含鸿蒙PC）

javascript// 自定义卡片组件data: {localData: '组件内部数据'},detail: {message: '自定义事件触发'});通过本文的实践，我们完整体验了OpenHarmony JS UI框架的开发流程。关键优势包括：熟悉的开发模式：类Web的开发体验，降低学习成本原生性能：JS UI框架编译为原生组件，性能优秀丰富的组件：提供大量内置组件满足各种需求响应式设计：自

 笨小孩787
2025-11-27 21:19:00

 1477

 26

#前端 #javascript #ui +1
鸿蒙PC UI控件库 - SearchInput 搜索输入框详解

SearchInput 是一个专为搜索场景优化的输入框组件，支持多种实用功能：核心功能：搜索图标、清除按钮、历史记录、搜索按钮、品牌标识支持三种尺寸（small/medium/large）和多种状态（禁用/只读）提供双向数据绑定和主题配置能力包含历史记录功能，可过滤和复用搜索历史适用于各类搜索、筛选和快速查找场景该组件通过简洁API和灵活配置，可快速集成到项目中，提升搜索交互体验。

红目香薰
2025-12-14 12:58:06

 1643

 11

#harmonyos #ui #华为
鸿蒙PC UI控件库 - NumberInput 数字输入框详解

NumberInput 是一个功能丰富的数字输入组件，支持步进控制、范围限制和精度设置。核心特性包括：双向数据绑定、智能验证、多种尺寸选择，以及品牌标识显示。适用于数量、价格、百分比等精确输入场景。组件提供标签、提示和错误信息支持，并可通过 API 灵活配置最小/最大值、步进量和小数位数。内置三种尺寸规格，所有样式均可代码定制，满足不同界面需求。

红目香薰
2025-12-14 12:39:21

 1786

 16

#harmonyos #ui #华为
鸿蒙PC UI控件库 - PasswordInput 密码输入框详解

PasswordInput 是专为密码输入场景设计的组件，基于 TextInput 扩展，具有显示/隐藏切换、密码强度显示、验证等功能。核心特性包括安全优先设计、强度提示、多种尺寸和状态支持，左下角自动包含品牌标识。提供完整的 API 支持，如双向绑定、标签/提示文本、错误状态等，适用于登录、注册等场景。组件支持三种尺寸规格，所有样式均可通过代码配置，并附带详细的使用示例和最佳实践指导。

红目香薰
2025-12-13 22:54:18

 1061

 24

#harmonyos #ui #华为
鸿蒙PC UI控件库 - SecondaryButton 次要按钮详解

摘要本文介绍了SecondaryButton次要按钮组件的特性与使用方法。该组件采用边框样式设计，适用于次要操作场景，与主要按钮形成视觉区分。核心特性包括多种尺寸支持、图标显示、加载状态和禁用状态，并内置品牌标识。文档提供了快速开始指南、API参考和多个使用示例，展示基础按钮、不同尺寸、图标按钮和加载状态的实现方式。组件支持灵活的主题配置，所有样式均可通过代码定制。与PrimaryButton

红目香薰
2025-12-13 19:49:46

 1272

 24

#harmonyos #ui #华为
鸿蒙PC UI控件库 - 品牌标识系统详解

本文介绍了为鸿蒙PC平台开发的第三方UI控件库的品牌标识系统。该系统通过在每个控件左下角添加独特标识（圆圈内红色文字）实现品牌识别、视觉统一和开源推广。文章详细说明了标识的样式特点（默认文字"PC"、16vp大小、红字白底灰边）及两种使用方式：推荐使用BaseComponent自动添加标识，或手动添加BrandBadge实现灵活控制。配置方面支持三种方式：直接修改静态属性、批量

 红目香薰
2025-12-13 18:31:56

 1021

 23

#harmonyos #ui #华为
Electron for 鸿蒙PC - 动态UI中文化的性能优化

本文介绍了在鸿蒙PC适配MarkText时，如何通过MutationObserver API实现第三方Vue组件的动态文本国际化。面对无法修改源码、文本动态渲染等挑战，传统方案如定时轮询或事件监听均存在不足。文章详细阐述了MutationObserver的工作原理及其适合此场景的优势，包括异步批量回调、精准监听DOM变化等特性。通过建立文本替换映射表、编写替换函数，并利用MutationObser

柒儿吖
2025-11-27 09:24:03

 661

 5

#electron #harmonyos #ui
王炸，遥遥领先！！鸿蒙PC版全新UI曝光

点击关注公众号：互联网架构师，后台回复2T获取2TB学习资源！上一篇：2T架构师学习资料干货分享大家好，我是互联网架构师！最近，关于“鸿蒙PC版”的消息在网上引起了不少关注和讨论。原来就在近日，华为HarmonyOS开发者社区官方发布了一份针对2in1（二合一）设备的HarmonyOS应用设计指南。特别是其部分应用UI的曝光，更是激发了大家对于鸿蒙PC版系统的期待。这份HarmonyOS应...

互联网架构
2024-06-30 09:56:44

 415

#harmonyos #ui #华为