ARTICLE · INTELLIGENCE

战地情报 · 详情页

来自尧图项目组的一线实战观察与深度解析

首页 › 新闻资讯 › 文章详情

QML 自定义dial：实现具有分层交互的热水器旋钮

发布时间：2026/11/1 1:52:32 阅读：1,248 作者：尧图研究院
QML 自定义dial：实现具有分层交互的热水器旋钮

目录

    • 交互设计
      • 交互逻辑图
    • 核心实现代码
      • 页面状态与核心函数
      • 外环拖动：增量累加 + 机械限位
      • 中心按钮：圆形命中判定
      • 旋转层与涟漪反馈
    • 技术要点
      • 1. 区域分层与命中判定
      • 2. 状态映射机制
      • 3. 渐变式颜色反馈
    • 工程下载

热水器旋钮不仅需要支持连续的旋转调节（冷热水比例），还包含一个可交互的中心开关按钮。这种设计要求旋钮在处理旋转输入的同时，能够精准识别用户对中心按钮的点击，且互不干扰。

交互设计

旋钮的交互被划分为两个核心区域：

  1. 外环区域：用于拖动旋转，控制混水比例（-100% 热水至 100% 冷水）。
  2. 中心区域：独立的开关按钮，支持点击切换状态并伴随涟漪动画反馈。

交互逻辑图

SEO优化 网站运营 关键词排名 推广干货
RELATED READING

延伸阅读

更多一线实战笔记与深度复盘，助您持续精进

具身智能超低延迟基座详解（3）：基于 Token 化的多模态传感器动态融合算法研究

具身智能超低延迟基座详解（3）：基于 Token 化的多模态传感器动态融合算法研究

前沿技术探索：FRA核心定义与设计理念 FRA（Factorized Robotic Agent, FRA，亦称：因式分解机器人智能体）是一套因式化数实融合一体化新型智能系统，核心设计理念是全链路系统解耦，将机器人作业的感知、推理、动作执行三大核心能力拆解为独立平行子模块，整合为统一、闭环、…

2026/11/1 1:52:32 阅读全文 →
python函数模块的学习笔记

python函数模块的学习笔记

1-函数定义、参数传递与作用域（LEGB）1.1 简介函数是组织好的，可重复使用的，用来实现单一，或相关联功能的代码段。函数能提高应用的模块性，和代码的重复利用率。函数代码块以 def 关键词开头，后接…

2026/11/1 1:52:32 阅读全文 →
foobox-cn 快速上手指南:3步装好foobar2000中文DUI皮肤,双主题多布局

foobox-cn 快速上手指南:3步装好foobar2000中文DUI皮肤,双主题多布局

foobox-cn 快速上手指南:3步装好foobar2000中文DUI皮肤,双主题多布局 【免费下载链接】foobox-cn DUI 配置 for foobar2000 项目地址: https://gitcode.com/GitHub_Trending/fo/foobox-cn 如果你在用 foobar2000 却嫌默认 DUI 界面过于工具化,foobox-cn 就是为你准备的中…

2026/11/1 1:50:32 阅读全文 →
1.c++入门篇

1.c++入门篇

1.c中的关键字asmdoifreturntrycontinueautodoubleinlineshorttypedefforbooldynamic_castintsignedtypeidpublicbreakelselongsizeoftypenamethrowcaseenummutablestaticunionwchar_tcatchexplicitnamespacestatic_castunsigneddefaultcharexportnewstructusingfriendclassext…

2026/11/1 2:02:33 阅读全文 →
《江灯合声》：有可行的分框版，也仍可以选择连续鸣谢

《江灯合声》：有可行的分框版，也仍可以选择连续鸣谢

武汉江岸区栎坡合唱团在免费节目册《江灯合声》中，以表格集中鸣谢资助者。各家共同要求改为独立小框，团里仍想保留表格。现有全名与支持事项清楚可见，双方此前未承诺具体排版。我支持保留表格。补充的试排材料让选择更具体：分框能…

2026/11/1 2:02:33 阅读全文 →
关于“贾子猜想”的数学地位、结构特征与讨论边界

关于“贾子猜想”的数学地位、结构特征与讨论边界

关于“贾子猜想”的数学地位、结构特征与讨论边界摘要 本文对“贾子猜想”进行基于公开表述与现有数学事实的分析。该猜想主张：当正整数 n3m>5（即 n6,9,12,15,…）时，方程x₁ⁿ x₂ⁿ ⋯ xₙⁿ yⁿ不存在正整数解。文章首先…

2026/11/1 2:02:33 阅读全文 →
启动报Port 8088 was already in use？先查是谁占的

启动报Port 8088 was already in use？先查是谁占的

启动报Port 8088 was already in use？先查是谁占的 项目启动报 Port 8088 was already in use，意思很直白：这个端口已经有人占了。 先说原理：端口是"门牌号"，一间房只住一个进程 端口就是一台机器上的门牌号…

2026/11/1 2:02:33 阅读全文 →
担心文档上云？本地运行的办公AI才敢放心用

担心文档上云？本地运行的办公AI才敢放心用

单位上周开了个会，主题是"AI 提效"，散会时领导补了一句：涉及客户资料的文档，不许往云端传。这话一出，会议室里本来跃跃欲试的同事全蔫了——大家平时用的那些在线 AI，文档一上传就不知道存哪儿去…

2026/11/1 2:02:33 阅读全文 →
Mac 常用操作与维护技巧

Mac 常用操作与维护技巧

适合刚从 Windows 换到 Mac，或希望把日常操作用得更顺手的人。以系统自带功能为主，按“怎么操作 → 有什么用 → 注意什么”说明。 不用从头读到尾：遇到问题时，可以直接用目录跳到对应章节。文末有“新电脑设置清单与维护清单”&…

2026/11/1 2:00:33 阅读全文 →
1.c++入门篇

1.c++入门篇

1.c中的关键字asmdoifreturntrycontinueautodoubleinlineshorttypedefforbooldynamic_castintsignedtypeidpublicbreakelselongsizeoftypenamethrowcaseenummutablestaticunionwchar_tcatchexplicitnamespacestatic_castunsigneddefaultcharexportnewstructusingfriendclassext…

2026/11/1 2:02:33 阅读全文 →
《江灯合声》：有可行的分框版，也仍可以选择连续鸣谢

《江灯合声》：有可行的分框版，也仍可以选择连续鸣谢

武汉江岸区栎坡合唱团在免费节目册《江灯合声》中，以表格集中鸣谢资助者。各家共同要求改为独立小框，团里仍想保留表格。现有全名与支持事项清楚可见，双方此前未承诺具体排版。我支持保留表格。补充的试排材料让选择更具体：分框能…

2026/11/1 2:02:33 阅读全文 →
关于“贾子猜想”的数学地位、结构特征与讨论边界

关于“贾子猜想”的数学地位、结构特征与讨论边界

关于“贾子猜想”的数学地位、结构特征与讨论边界摘要 本文对“贾子猜想”进行基于公开表述与现有数学事实的分析。该猜想主张：当正整数 n3m>5（即 n6,9,12,15,…）时，方程x₁ⁿ x₂ⁿ ⋯ xₙⁿ yⁿ不存在正整数解。文章首先…

2026/11/1 2:02:33 阅读全文 →
启动报Port 8088 was already in use？先查是谁占的

启动报Port 8088 was already in use？先查是谁占的

启动报Port 8088 was already in use？先查是谁占的 项目启动报 Port 8088 was already in use，意思很直白：这个端口已经有人占了。 先说原理：端口是"门牌号"，一间房只住一个进程 端口就是一台机器上的门牌号…

2026/11/1 2:02:33 阅读全文 →
担心文档上云？本地运行的办公AI才敢放心用

担心文档上云？本地运行的办公AI才敢放心用

单位上周开了个会，主题是"AI 提效"，散会时领导补了一句：涉及客户资料的文档，不许往云端传。这话一出，会议室里本来跃跃欲试的同事全蔫了——大家平时用的那些在线 AI，文档一上传就不知道存哪儿去…

2026/11/1 2:02:33 阅读全文 →
Mac 常用操作与维护技巧

Mac 常用操作与维护技巧

适合刚从 Windows 换到 Mac，或希望把日常操作用得更顺手的人。以系统自带功能为主，按“怎么操作 → 有什么用 → 注意什么”说明。 不用从头读到尾：遇到问题时，可以直接用目录跳到对应章节。文末有“新电脑设置清单与维护清单”&…

2026/11/1 2:00:33 阅读全文 →
DRV8818+STM32F303工业步进控制实战：电流闭环、微步优化与硬件协同

DRV8818+STM32F303工业步进控制实战：电流闭环、微步优化与硬件协同

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

2026/11/1 1:02:22 阅读全文 →
DRV8818+MK20DX128步进电机驱动方案：从电路到固件实战

DRV8818+MK20DX128步进电机驱动方案：从电路到固件实战

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

2026/11/1 1:02:22 阅读全文 →
DRV8818PWPR+PIC18LF46K40双极步进电机驱动实战指南

DRV8818PWPR+PIC18LF46K40双极步进电机驱动实战指南

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

2026/11/1 1:02:22 阅读全文 →
DRV8818+STM32F303工业步进控制实战：电流闭环、微步优化与硬件协同

DRV8818+STM32F303工业步进控制实战：电流闭环、微步优化与硬件协同

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

2026/11/1 1:02:22 阅读全文 →
DRV8818+MK20DX128步进电机驱动方案：从电路到固件实战

DRV8818+MK20DX128步进电机驱动方案：从电路到固件实战

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

2026/11/1 1:02:22 阅读全文 →
DRV8818PWPR+PIC18LF46K40双极步进电机驱动实战指南

DRV8818PWPR+PIC18LF46K40双极步进电机驱动实战指南

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

2026/11/1 1:02:22 阅读全文 →
DRV8818+STM32F303工业步进控制实战：电流闭环、微步优化与硬件协同

DRV8818+STM32F303工业步进控制实战：电流闭环、微步优化与硬件协同

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

2026/11/1 1:02:22 阅读全文 →
DRV8818+MK20DX128步进电机驱动方案：从电路到固件实战

DRV8818+MK20DX128步进电机驱动方案：从电路到固件实战

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

2026/11/1 1:02:22 阅读全文 →
DRV8818PWPR+PIC18LF46K40双极步进电机驱动实战指南

DRV8818PWPR+PIC18LF46K40双极步进电机驱动实战指南

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

2026/11/1 1:02:22 阅读全文 →
DRV8818+STM32F303工业步进控制实战：电流闭环、微步优化与硬件协同

DRV8818+STM32F303工业步进控制实战：电流闭环、微步优化与硬件协同

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

2026/11/1 1:02:22 阅读全文 →
DRV8818+MK20DX128步进电机驱动方案：从电路到固件实战

DRV8818+MK20DX128步进电机驱动方案：从电路到固件实战

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

2026/11/1 1:02:22 阅读全文 →
DRV8818PWPR+PIC18LF46K40双极步进电机驱动实战指南

DRV8818PWPR+PIC18LF46K40双极步进电机驱动实战指南

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

2026/11/1 1:02:22 阅读全文 →