首页/新闻资讯/正文详情

QML自定义输入框:仿Agent输入条与仿wechat输入框

发布时间:2026/11/6 1:59:31 来源:云帆数科 栏目:资讯中心
QML自定义输入框:仿Agent输入条与仿wechat输入框
目录前言示例一 仿 Agent 输入条用 inline component 封装内部小部件四个菜单的互斥状态同步多行输入框自动增高与 Shift+Enter 换行生成状态切换与固定占位的状态指示器示例二 仿微信输入框带尖角的聊天气泡与延迟滚动到底部用 closeFlyouts 统一管理多个浮层语音转文字的光标处插入工程下载前言在对话类桌面应用中,输入区域往往不仅是单个文本框,还会集成多行自适应高度、工具栏按钮、上浮菜单、表情面板和语音录入等功能,上方同时关联着实时刷新的消息列表。本文实现两个常见的复合输入框组件。第一个是仿 Agent 输入条,多行文本随内容自动增高,底部带附件、分支、权限和模型四个胶囊选择器,支持回车发送并在生成过程中切换为停止按钮。第二个是仿微信桌面端输入框,上方为带尖角尾巴的聊天气泡列表,底部集成表情面板、表情包面板、文件与截图菜单、按住说话的录音浮层以及语音转文字功能。目前暂时将UI部分组成合集,后续单独出一个完整的功能。示例一 仿 Agent 输入条用 inline component 封装内部小部件底部工具栏包含纯图标按钮、带文字的胶囊下拉钮以及向上弹出的

相关推荐

插件同步:富文本 2061105 A1
插件同步:富文本 2061105 A1

目录这里 啊打 目录 目录这里 一、 引言:云端 AI 助手的便利与隐忧 二、 核心问题拆解:什么是“换成本地”? 三、 技术可行性分析 3.1 模型层面:有哪些可用的本地代码大模型? 3.2 基础设施与工具链 四、 主流本… · 2026/11/6 1:59:31

DataBridge:DataGrip 接入 Elasticsearch、Kafka、ZooKeeper、RabbitMQ、Nacos、MinIO/S3(图文视频)
DataBridge:DataGrip 接入 Elasticsearch、Kafka、ZooKeeper、RabbitMQ、Nacos、MinIO/S3(图文视频)

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/6 1:59:31

124. OrCAD软件怎么显示元器件的封装名称?I Cadence Allegro 电子设计 快问快答
124. OrCAD软件怎么显示元器件的封装名称?I Cadence Allegro 电子设计 快问快答

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/6 1:59:31

压测监控看板体系搭建实战
压测监控看板体系搭建实战

压测最容易犯的错误,是测试结束后才去看 JMeter 生成的 HTML 报告。等到发现问题,负载已经停了,现场数据再也补不回来。响应时间曲线里那一段诡异的抖动到底对应哪个时间点,服务当时在做什么,数据库有没有慢查询&#… · 2026/11/6 2:00:32

教育技术论文的学习平台日志清洗:从点击事件到行为指标的全流程口径
教育技术论文的学习平台日志清洗:从点击事件到行为指标的全流程口径

学习平台导出的行为日志,通常是一张几十万行的流水表:一个学生一天能留下上百条记录,字段名还是系统内部的英文缩写。直接拿它算"学习时长",结果往往偏离常识——有人一天学了三十小时。这篇把这件事拆成四步&#xff1… · 2026/11/6 2:00:32

统计年鉴与官方统计口径怎么引:来源层级与版本年的写法
统计年鉴与官方统计口径怎么引:来源层级与版本年的写法

政府统计数据进论文,难点常常不在取数,而在把数的来路交代清楚。同一项指标,年鉴里是一个值,公报里是另一个值,数据库里还能查出第三个值,差异多来自版本与口径,而不在谁抄错了。本文按年鉴、公… · 2026/11/6 2:00:32

收款到账语音播报工具,电脑端自动提醒
收款到账语音播报工具,电脑端自动提醒

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/6 2:00:32

分支与循环语句
分支与循环语句

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/6 2:00:32

QML自定义输入框:验证码输入格与密码强度条
QML自定义输入框:验证码输入格与密码强度条

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/6 1:59:31

双极步进电机控制实战:DRV8818PWPR与PIC18F86K22驱动调试
双极步进电机控制实战:DRV8818PWPR与PIC18F86K22驱动调试

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/5 10:27:59

STM32F207ZG + DRV8818PWPR 步进电机驱动实战解析
STM32F207ZG + DRV8818PWPR 步进电机驱动实战解析

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/5 10:28:03

DRV8818PWPR+dsPIC30F4013工业级双极步进电机控制方案
DRV8818PWPR+dsPIC30F4013工业级双极步进电机控制方案

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/5 10:28:07

三菱PLC数据采集到数据库的时序设计:Python+MC协议实战
三菱PLC数据采集到数据库的时序设计:Python+MC协议实战

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/6 1:02:11

ASIC主模式RTL设计:状态机与三态驱动的流片级实现
ASIC主模式RTL设计:状态机与三态驱动的流片级实现

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/6 1:02:11

STM32嵌入式C++开发:GDB调试与Renode仿真实战指南
STM32嵌入式C++开发:GDB调试与Renode仿真实战指南

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/6 1:02:11

双极步进电机控制实战:DRV8818PWPR与PIC18F86K22驱动调试
双极步进电机控制实战:DRV8818PWPR与PIC18F86K22驱动调试

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/5 10:27:59

STM32F207ZG + DRV8818PWPR 步进电机驱动实战解析
STM32F207ZG + DRV8818PWPR 步进电机驱动实战解析

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/5 10:28:03

DRV8818PWPR+dsPIC30F4013工业级双极步进电机控制方案
DRV8818PWPR+dsPIC30F4013工业级双极步进电机控制方案

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/5 10:28:07

了解更多?预约专属演示

我们的顾问将为您一对一讲解产品与方案

企业微信二维码