当前位置： 首页 > news >正文

Compose 手势处理，增进交互体验

news 来源：原创 2025/9/12 0:14:50

Compose 手势处理，增进交互体验

  • 概述
  • 常用手势处理Modifier
    • clickable()
    • combinedClickable()
    • draggable()
    • swipeable()
    • transformable()
    • scrollable()
    • nestedScroll
      • NestedScrollConnection
      • NestedScrollDispatcher
  • 定制手势处理
    • 使用 PointerInput Modifier
      • PointerInputScope
    • awaitPointerEventScope

概述

在处理手势时，应将手势处理修饰符尽可能放到 Modifier 末尾，从而可以避免产生不可预期的行为。

常用手势处理Modifier

clickable()

监听点击事件，在绝大多数情况下，只需要出入 onClick 回调即可。当然也可以将 enable 参数设置为一个可变状态，通过状态来动态控制启用点击监听。

@Composable
private fun GestureOfClick(){var colorState by remember { mutableStateOf(false) }Box(modifier = Modifier.size(60.dp).background(color = if (colorState) Color.LightGray else Color.Gray).clickable { colorState = !colorState },contentAlignment = Alignment.Center){Text(text = "点击")}
}

combinedClickable()

和 clickable() 类似，但支持长按/双击/单击：

// Clickable.kt
fun Modifier.combinedClickable(enabled: Boolean = true,onClickLabel: String? = null,role: Role? = null,onLongClickLabel: String? = null,onLongClick: (() -> Unit)? = null,onDoubleClick: (() -> Unit)? = null,onClick: () -> Unit
)

draggable()

只支持检测单一方向的拖动（水平方向或垂直方向），不支持同时监听两个方向上的拖动偏移，要实现这种效果，需要使用更底层的 PointerInputModifier。

fun Modifier.draggable(state: DraggableState,//用于获取拖动手势偏移量，并且允许动态控制发生偏移行为。orientation: Orientation,//拖动手势方向enabled: Boolean = true,//是否启用拖动手势监听。 interactionSource: MutableInteractionSource? = null,//监听组件的拖动、按压、悬停、焦点等状态startDragImmediately: Boolean = false,//是否立即开始拖动。onDragStarted: suspend CoroutineScope.(startedPosition: Offset) -> Unit = {},//拖动开始的回调。onDragStopped: suspend CoroutineScope.(velocity: Float) -> Unit = {},//拖动结束的回调。reverseDirection: Boolean = false//是否反转方向。
): Modifier

swipeable()

可以拖动元素，释放后，这些元素通常朝一个方向定义的两个或多个锚点继续滑动以呈现动画效果。其常见用途是实现“滑动关闭”模式。

必传的参数有：

  • state:是一个SwipeableState，可以记录当前的偏移数据
  • anchors:锚点，用来记录不同滑动数据对应的状态
  • orientation:滑动方向
  • thresholds:不同锚点之间的临界值

transformable()

多点触控，在日常生活当中，多点触控这样的操作多数是在浏览图片，网页或者地图之类的场景下被用到
transformable有三个参数：

  • state：TransformableState，用来获取多点触控时候目标组件大小，位移，旋转角度变化情况的
  • lockRotationOnZoomPan：Boolean，这个参数的意思是如果设置为false,那么多点触控的时候将会同时监听双指拖动，缩放以及旋转，但是如果设置为true的时候，除非旋转动作比其余两个动作先执行，这样会被监听到，不然的话，只会监听双指拖动和缩放动作，旋转事件将不会被监听
  • enabled：Boolean，是否可用
@Composable
private fun TransformableSample() {// set up all transformation statesvar scale by remember { mutableStateOf(1f) }var rotation by remember { mutableStateOf(0f) }var offset by remember { mutableStateOf(Offset.Zero) }val state = rememberTransformableState { zoomChange, offsetChange, rotationChange ->scale *= zoomChangerotation += rotationChangeoffset += offsetChange}Box(Modifier// apply other transformations like rotation and zoom// on the pizza slice emoji.graphicsLayer(scaleX = scale,scaleY = scale,rotationZ = rotation,translationX = offset.x,translationY = offset.y)// add transformable to listen to multitouch transformation events// after offset.transformable(state = state).background(Color.Blue).fillMaxSize())
}

scrollable()

虽然 verticalScroll() / horizontalScroll() 和 scrollable() 的名字很像，但它们并不是相同的东西，scrollable() 修饰符仅负责检测滚动手势，并不会帮我们自动偏移元素内容，滚动行为由开发者定义，用法类似 draggable() 修饰符

var offsetX by remember { mutableFloatStateOf(0f) }
Column {Text(text = "OffsetX: $offsetX")Box(Modifier.size(200.dp).background(Pink).scrollable(// 检测水平方向的滚动手势orientation = Orientation.Horizontal,// 使用 rememberScrollableState 创建并传递一个 ScrollableState 对象。// 通过 ScrollableState 可以获取到滚动手势的偏移量，进一步定义滚动行为。state = rememberScrollableState { delta ->offsetX += deltadelta // 为了支持嵌套滚动，必须返回消费的滚动距离量}))
}

nestedScroll

嵌套滑动，需要传递两个参数，connection: NestedScrollConnection 和 dispatcher: NestedScrollDispatcher，源码如下：

fun Modifier.nestedScroll(connection: NestedScrollConnection,dispatcher: NestedScrollDispatcher? = null
){...}
  1. connection：包含了嵌套滑动的和姓逻辑，通过回调可以在子布局获得滑动事件前，预先消费掉部分或全部手势偏移量，当然也可以获取子布局消费后剩下的手势偏移量。
  2. dispatcher：包含用于父布局的NestedScrollConnection，可以使用包含的 dispatch**系列方法动态控制组件完成滑动。

NestedScrollConnection

interface NestedScrollConnection {fun onPreScroll(available: Offset, source: NestedScrollSource): Offset = Offset.Zerofun onPostScroll(consumed: Offset,available: Offset,source: NestedScrollSource): Offset = Offset.Zerosuspend fun onPreFling(available: Velocity): Velocity = Velocity.Zerosuspend fun onPostFling(consumed: Velocity, available: Velocity): Velocity {return Velocity.Zero}
}
  • onPreScroll：在子控件滑动之前，会先使用NestedScrollDispatcher询问父控件是否需要消费available的偏移量，父控件可以在该方法内计算自身需要消费的量，然后返回自身消费了的偏移量。
  • onPostScroll：在子控件滑动之后，会使用NestedScrollDispatcher通知父控件，告知其consumed的偏移量以及剩余available的偏移量，而父控件则可以根据情况判断是否还要再偏移，以及使用和子控件同等的偏移还是剩余的偏移。完成之后返回自身消费了的偏移量
  • onPreFling：在子控件进行惯性滑行之前，会先使用NestedScrollDispatcher询问父控件是否需要消费available的速度值，父控件可以在该方法内计算自身需要消费的量，然后返回自身消费了的速度值
  • onPostFling：在子控件进行惯性滑行之后，会使用NestedScrollDispatcher通知父控件，告知其consumed的速度值以及剩余available的速度值，而父控件则可以根据情况判断是否还要再偏移，以及使用和子控件同等的速度还是剩余的速度。完成之后返回自身消费了的速度值。

一句话概括：在滑动前父控件可以通过onPreScroll回调先消费部分或全部偏移量；待子控件消费完后，父控件依旧可以通过onPostScroll方法进行消费，区别在于在onPreScroll回调中，父控件是优先消费的，而onPostScroll则是子控件优先消费，fling的两个方法同理。

NestedScrollDispatcher

class NestedScrollDispatcher {// ....// 在滑动之前调用，将可用的偏移量传递给父控件fun dispatchPreScroll(available: Offset, source: NestedScrollSource): Offset {return parent?.onPreScroll(available, source) ?: Offset.Zero}//在滑动之后调用，将已经消费的偏移量以及剩余可用的偏移量传递给父控件fun dispatchPostScroll(consumed: Offset,available: Offset,source: NestedScrollSource): Offset {return parent?.onPostScroll(consumed, available, source) ?: Offset.Zero}//在滑动之后，如果产生了惯性滑动，那么需要将相应的速度值传递给父控件suspend fun dispatchPreFling(available: Velocity): Velocity {return parent?.onPreFling(available) ?: Velocity.Zero}//在惯性滑动之后，需要将已经消费了的速度值以及剩余可用的速度值传递给父控件suspend fun dispatchPostFling(consumed: Velocity, available: Velocity): Velocity {return parent?.onPostFling(consumed, available) ?: Velocity.Zero}

一句话概括：通过dispatchPreScroll方法询问父控件是否需要消费，方法返回的就是父控件消费了的量，然后就可以做自己的滑动操作了，在滑动完成之后，再通过dispatchPostScroll方法通知父控件。

定制手势处理

前面提到的手势处理修饰符都是基于低级别的 pointerInput 修饰符进行封装实现的。

使用 PointerInput Modifier

// SuspendingPointerInputFilter.kt
fun Modifier.pointerInput(key1: Any?, block: suspend PointerInputScope.() -> Unit
): Modifier
  • keys：当 Composable 发生重组时，如果传入的 keys 发生了变化，则手势事件处理过程会被中断
  • block：在这个 PointerInputScope 作用域代码块中，变可以声明手势事件的处理逻辑了，发生在协程中。

PointerInputScope

  • detectTapGestures()：设置更细粒度的点击监听回调
  • detectDragGestures()：设置更细粒度的拖动手势监听回调
  • detectTransformGestures()：双指拖动、缩放与旋转手势操作中更具体的手势信息
  • detectDragGesturesAfterLongPress()：监听长按后的拖动手势
  • detectHorizontalDragGestures()：监听水平拖动手势
  • detectVerticalDragGestures()：监听垂直拖动手势
  • forEachGesture：允许用户可以对每一个手势事件序列进行相同的定制处理

awaitPointerEventScope

AwaitPointerEventScope 作用域中，可以使用 Compose 中所有低级别的手势处理挂起方法。

suspend fun <R> awaitPointerEventScope(block: suspend AwaitPointerEventScope.() -> R
): R
API名称作用
awaitPointerEvent手势事件
awaitFirstDown第一根手指的按下事件
drag拖动事件
horizontalDrag水平拖动事件
verticalDrag垂直拖动事件
awaitDragOrCancellation单次拖动事件
awaitHorizontalDragOrCancellation单次水平拖动事件
awaitVerticalDragOrCancellation单次垂直拖动事件
awaitTouchSlopOrCancellation有效拖动事件
awaitHorizontalTouchSlopOrCancellation有效水平拖动事件
awaitVerticalTouchSlopOrCancellation有效垂直拖动事件

参考资料：巧用Compose来实现手势拖拽效果

相关文章：

Compose 手势处理，增进交互体验

Compose 手势处理&#xff0c;增进交互体验 概述常用手势处理Modifierclickable()combinedClickable()draggable()swipeable()transformable()scrollable()nestedScrollNestedScrollConnectionNestedScrollDispatcher 定制手势处理使用 PointerInput ModifierPointerInputScope…...

编程日记 2025/9/12 0:14:50

【愚公系列】《Python网络爬虫从入门到精通》036-DataFrame日期数据处理

标题详情作者简介愚公搬代码头衔华为云特约编辑，华为云云享专家，华为开发者专家，华为产品云测专家，CSDN博客专家，CSDN商业化专家，阿里云专家博主，阿里云签约作者，腾讯云优秀博主，腾讯云内容共创官，掘金优秀博主，亚马逊技领云博主，51CTO博客专家等。近期荣誉2022年度…...

编程日记 2025/9/12 0:07:03

FastAdmin 与其他后台框架的对比分析

FastAdmin 与其他后台框架的对比分析 引言 在现代Web开发中&#xff0c;后台管理系统是支持各种应用程序的核心部分。随着需求的多样化&#xff0c;许多后台框架应运而生。本文将对FastAdmin与其他常见后台框架&#xff08;如Django Admin、Laravel Nova、AdminLTE&#xff0…...

编程日记 2025/9/7 22:57:13

自学微信小程序的第六天

DAY6 1、使用录音API首先需要通过wx.getRecorderManager()方法获取到一个RecorderManager实例，该实例是一个全局唯一的录音管理器，用于实现录音功能。 表32：RecorderManager实例的常用方法 方法名称 说明 start() 开始录音 pause() 暂停录音 resume() 继续录音 stop() 停止…...

编程日记 2025/9/7 16:37:30

KTV点歌系统

收藏关注不迷路&#xff01;&#xff01; &#x1f31f;文末获取源码数据库&#x1f31f; 感兴趣的可以先收藏起来&#xff0c;还有大家在毕设选题&#xff08;免费咨询指导选题&#xff09;&#xff0c;项目以及论文编写等相关问题都可以给我留言咨询&#xff0c;希望帮助更多…...

编程日记 2025/9/5 8:50:43

（上）基于机器学习的图像识别——遥感图像分类（LeNet-5；AlexNet；VGGNet；GoogLeNet；ResNet）

遥感图像识别&#xff1a; 专业词汇&#xff1a; kernel&#xff1a;卷积 目录 遥感图像分类 1.1 LeNet-5 视频来源&#xff1a; 任务&#xff1a;使用什么网络实现遥感图像的分类 LeNet-5结构&#xff1a; 遥感图像分类 1.2 AlexNet&#xff08;冠军&#xff09; 视频…...

编程日记 2025/9/9 22:14:24

深入探索 STM32 微控制器：从基础到实践

一、引言 在当今的嵌入式系统领域&#xff0c;STM32 系列微控制器凭借其高性能、低功耗、丰富的外设以及广泛的应用场景&#xff0c;成为了众多开发者的首选。无论是在工业控制、智能家居、医疗设备&#xff0c;还是在消费电子等领域&#xff0c;STM32 都展现出了强大的生命力…...

编程日记 2025/9/9 12:34:07

windows下玩转vllm：在wsl下安装vllm

文章目录 前言安装wsl启动wsl的默认分发使用python部署vllm创建并激活虚拟环境直接说结论试错过程安装vllm简单测试一下，看看行不行附录，安装wsl安装ubuntu分发步骤 3: 设置用户和密码步骤 4: 更新系统步骤 5: 使用 WSL前言 当前，部署通义千问2.5-vl已经是一件箭在弦上，不…...

编程日记 2025/9/10 11:39:59

SGLang部署大模型

SGLang部署大模型 环境信息基础组件安装创建python虚拟环境安装python模块下载模型部署模型 显存需求较高&#xff0c; 本地4G显存0.5B都无法部署 支持多机多卡部署 支持GPU、CPU混合运行 支持运行格式pt,safetensors,npcache,dummy,gguf,bitsandbytes,layered 环境信息 机器01…...

编程日记 2025/9/10 21:29:42

Ubuntu 防火墙iptables和 ufw

文章目录 iptables 和 ufw 的区别Ubuntu 上使用 ufw 配置 iptables 和 ufw 的区别 iptables 和 ufw 是 Linux 系统中用于管理防火墙的工具&#xff0c;但它们的设计目标和使用方式有所不同。 iptables&#xff1a;功能强大&#xff0c;适合高级用户和复杂场景&#xff0c;但配…...

编程日记 2025/9/8 16:40:45

NAT 代理服务 内网穿透

&#x1f308; 个人主页&#xff1a;Zfox_ &#x1f525; 系列专栏&#xff1a;Linux 目录 一&#xff1a;&#x1f525; NAT 技术背景二&#xff1a;&#x1f525; NAT IP 转换过程三&#xff1a;&#x1f525; NAPT四&#xff1a;&#x1f525; 代理服务器&#x1f98b; 正向…...

编程日记 2025/9/6 18:17:31

C++20 Lambda表达式新特性：包扩展与初始化捕获的强强联合

文章目录 一、Lambda表达式的历史回顾二、C20 Lambda表达式的两大新特性&#xff08;一&#xff09;初始化捕获&#xff08;Init-Capture&#xff09;&#xff08;二&#xff09;包扩展&#xff08;Pack Expansion&#xff09; 三、结合使用初始化捕获与包扩展&#xff08;一&a…...

编程日记 2025/9/7 9:10:20

ES scroll=1m：表示快照的有效时间为1分钟。怎么理解

在Elasticsearch中&#xff0c;scroll1m 表示你创建的 scroll 上下文 的有效时间为 1分钟。这个参数控制了你可以在多长时间内继续使用这个 scroll_id 来获取更多的数据。 什么是 Scroll 上下文&#xff1f; 当你使用 scroll API 时&#xff0c;Elasticsearch 会为你的查询创…...

编程日记 2025/9/8 0:36:29

【IoU变体对比：WIOU、SIOU、EIOU、GIOU、CIOU】

IoU变体对比&#xff1a;WIOU、SIOU、EIOU、GIOU、CIOU 1. 基本概念与公式(1) GIOU (Generalized Intersection over Union)(2) CIOU (Complete Intersection over Union)(3) EIOU (Efficient Intersection over Union)(4) SIOU (Shape-Enhanced Intersection over Union)(5) W…...

编程日记 2025/9/11 7:35:31

【MySQL】数据库-图书管理系统（CC++实现）

一.预期功能 该图书管理系统设计提供基本的设计模版&#xff0c;涉及数据库的增删查改等操作&#xff0c;包含登录功能&#xff0c;图书管理功能&#xff0c;图书借阅功能&#xff0c;用户管理功能等基础功能&#xff0c;详细功能查看以下菜单表&#xff0c;共包含三个菜单&am…...

编程日记 2025/9/9 0:09:55

【leetcode hot 100 560】和为K的子数组

解法一&#xff1a;用左右指针寻找字串&#xff0c;如果和>k&#xff0c;则减少一个数&#xff08;left&#xff09;&#xff1b;如果和<k&#xff0c;则加上一个数&#xff08;right&#xff09;。 class Solution {public int subarraySum(int[] nums, int k) {int nu…...

编程日记 2025/9/6 12:51:36

【漫话机器学习系列】110.线性可分（Linearly Separable）

线性可分与线性不可分的概念详解 1. 引言 在机器学习和模式识别领域&#xff0c;分类问题是一个重要的研究方向。在分类任务中&#xff0c;我们通常需要将不同类别的数据点分开&#xff0c;而如何进行分割是一个关键问题。线性可分&#xff08;Linearly Separable&#xff09…...

编程日记 2025/9/11 7:07:01

单细胞分析（19）—— 单细胞转录组基因集评分方法

下面是每种基因集评分方法的原理介绍代码示例&#xff0c;适用于R语言和Python两种主流生信分析环境。可以直接应用于单细胞转录组&#xff08;scRNA-seq&#xff09;数据分析中。 &#x1f52c; 单细胞转录组基因集评分方法&#xff08;附代码示例&#xff09; 在单细胞RNA测…...

编程日记 2025/9/10 18:30:07

【数据挖掘】Pandas

Pandas 是 Python 进行 数据挖掘 和 数据分析 的核心库之一&#xff0c;提供了强大的 数据清洗、预处理、转换、分析 和 可视化 功能。它通常与 NumPy、Matplotlib、Seaborn、Scikit-Learn 等库结合使用&#xff0c;帮助构建高效的数据挖掘流程。 &#x1f4cc; 1. 读取数据 P…...

编程日记 2025/9/10 1:09:59

Spring Boot 中 @Transactional 注解全面解析

亲爱的小伙伴们&#x1f618;&#xff0c;在求知的漫漫旅途中&#xff0c;若你对深度学习的奥秘、Java 与 Python 的奇妙世界&#xff0c;亦或是读研论文的撰写攻略有所探寻&#x1f9d0;&#xff0c;那不妨给我一个小小的关注吧&#x1f970;。我会精心筹备&#xff0c;在未来…...

编程日记 2025/9/11 0:23:48

【网络】数据链路层（以太网帧格式、MTU、ARP）、NAT、内网穿透

文章目录 1. 数据链路层2. 以太网帧格式3. MTU3.1 认识MTU3.2 MTU 对于 TCP 协议的影响 4. 局域网通信原理5. ARP协议5.1 基本概念5.2 原理5.3 ARP 数据报的格式 6. NAT技术7. 内网穿透8. 内网打洞9. 代理服务器9.1 正向代理9.2 反向代理9.3 NAT VS 代理服务器 10.网络总结 1. …...

编程日记 2025/9/11 6:37:51

ASPNET Core笔试题 【面试宝典】

文章目录 一、如何在ASP.NET Core中激活Session功能&#xff1f;二、什么是中间件&#xff1f;三、ApplicationBuilder的Use和Run方法有什么区别&#xff1f;四、如何使TagHelper在元素这一层上失效&#xff1f;五、什么是ASP.NET Core&#xff1f;六、ASP.NET Core中AOP的支持…...

编程日记 2025/9/7 1:39:45

Harmony os next～鸿蒙原子化服务开发实战：天气卡片开发全解析

鸿蒙原子化服务开发实战&#xff1a;天气卡片开发全解析 一、原子化服务与HarmonyOS卡片概述 &#xff08;1&#xff09;原子化服务特性 HarmonyOS原子化服务具有独立入口&#xff08;桌面图标/智慧搜索&#xff09;、免安装、跨设备流转三大核心特性。服务卡片作为其可视化载…...

编程日记 2025/9/8 12:08:53

【pytest框架源码分析三】pluggy源码分析之hook注册调用流程

pluggy的hook调用&#xff0c;最重要的就是使用了__call__魔法函数&#xff0c;这个函数能够在我们调用实例时&#xff0c;自动调用这个函数&#xff0c;无需自己手动调用。 前面介绍了各个类的方法&#xff0c;这里简述下pluggy的调用流程&#xff08;主要介绍主流程&#xff…...

编程日记 2025/9/9 4:23:57

Linux消息队列

msgget函数&#xff08;类似于shmget&#xff09; 是 Linux 系统中用于 创建或获取消息队列&#xff08;System V Message Queue&#xff09; 的系统调用。 #include <sys/types.h> #include <sys/ipc.h> #include <sys/msg.h>int msgget(key_t key, int m…...

编程日记 2025/9/10 1:41:14

ChatGPT 提示词框架

作为一个资深安卓开发工程师&#xff0c;我们在日常开发中经常会用到 ChatGPT 来提升开发效率&#xff0c;比如代码优化、bug 排查、生成单元测试等。 但要想真正发挥 ChatGPT 的潜力&#xff0c;我们需要掌握一些提示词&#xff08;Prompt&#xff09;的编写技巧&#xff0c;并…...

编程日记 2025/9/11 13:45:14

对于动态线程池框架 Hippo4j 的思考

从 java 线程池探讨动态线程池框架的可行性以及扩展性 ThreadPoolExecutor 对外给用户暴露了很多 get、set 方法&#xff0c;get 方法可以让我直接获得一些线程池的运行时信息&#xff0c;比如线程池过去已经完成任务的总数量&#xff0c;线程池目前活跃线程数量等等&#xff…...

编程日记 2025/9/10 21:39:54

问deepseek: HYPRE BoomerAMG 有哪些参数可以进行性能调优

Hypre BoomerAMG 是一个高性能的多重网格预条件子&#xff0c;常用于求解大规模稀疏线性系统。为了优化其性能&#xff0c;可以调整以下关键参数&#xff1a; 1. AMG 参数 Coarsening (强连接阈值) strong_threshold: 控制强连接的阈值&#xff0c;通常在 0.25 到 0.6 之间&a…...

编程日记 2025/9/8 1:43:10

seacms v9 实现的MySQL注入

目录 过滤关键词information_schema 怎么办 一、环境搭建 二、环境分析 三、源代码分析 1、过滤程序 2、注入点 四、获取数据库名 五、获取数据库表名 六、获取表的列名 七、获取数据信息 过滤关键词information_schema 怎么办 1.、利用sys数据库&#xff08;MySQL 5.…...

编程日记 2025/9/8 18:45:16

基于C#的CANoe CLR Adapter开发指南

一、引言 CANoe 是一款广泛应用于汽车电子开发和测试的工具&#xff0c;它支持多种编程接口&#xff0c;方便开发者进行自定义扩展。CANoe CLR Adapter 允许我们使用 C# 语言与 CANoe 进行交互&#xff0c;充分利用 C# 的强大功能和丰富的类库。本文将详细介绍如何基于 C# 进行…...

编程日记 2025/9/9 12:57:42

Vue 系列之：基础知识

什么是 MVVM MVVM&#xff08;Model-View-ViewModel&#xff09;一种软件设计模式&#xff0c;旨在将应用程序的数据模型&#xff08;Model&#xff09;与视图层&#xff08;View&#xff09;分离&#xff0c;并通过 ViewModel 来实现它们之间的通信。降低了代码的耦合度。 M…...

编程日记 2025/9/11 11:04:54

知识库功能测试难点

图表交互功能测试难点 知识库图表类型多&#xff0c;每种图表交互功能不同。像柱状图&#xff0c;可能有点击柱子查看详细数据、鼠标悬停显示数据提示等交互&#xff1b;折线图除了这些&#xff0c;还可能支持缩放查看不同时间段数据。多种交互操作在不同图表间存在差异&#x…...

编程日记 2025/9/10 10:11:03

一文掌握 Scrapy 框架的详细使用，包括实战案例

更多内容请见： 爬虫和逆向教程-专栏介绍和目录 文章目录 1. Scrapy 简介2. Scrapy 的核心组件3. 安装 Scrapy4. 创建 Scrapy 项目4.1 创建项目4.2 创建 Spider5. 编写 Spider5.1 定义 Item5.2 编写 Spider 逻辑6. 运行 Scrapy 爬虫6.1 运行爬虫6.2 保存爬取数据7. Scrapy 的高…...

编程日记 2025/9/8 16:40:46

奔图Pantum M7165DN黑白激光打印一体机报数据清除中…维修

故障描述： 一台奔图Pantum M7165DN黑白激光打印一体机开机自检正常，自检过后就不能工作了，按键面板无任何反应一直提示数据清除中…，如果快速操作的话也能按出菜单、功能啥的，不过一会又死机了，故障请看下图： 故障检修： 经分析可能是主板数据出现了问题，看看能不能快速…...

编程日记 2025/9/10 8:46:20

微服务架构与传统的单体架构有什么区别?微服务架构（Spring Cloud + Maven）强在哪?

微服务架构与传统的单体架构&#xff08;Spring Boot Maven 项目&#xff09;在设计和实现上有显著差异&#xff0c;主要体现在系统拆分方式、部署模式、技术栈选择、维护成本等方面。以下是具体对比&#xff1a; 1. 架构设计 维度单体架构微服务架构系统拆分所有功能模块集…...

编程日记 2025/9/8 11:33:09

二、QT和驱动模块实现智能家居----2、编译支持QT的系统

因为我们的Linux内核文件不支持QT系统&#xff08;当然如果你的支持&#xff0c;完全跳过这篇文章&#xff09;&#xff0c;所以我们要从网上下载很多软件包&#xff0c;这里直接用百问网的软件包&#xff0c;非常方便。 一&#xff1a;Ubuntu 配置 1 设置交叉编译工具链 以…...

编程日记 2025/9/11 18:33:45

游戏引擎学习第128天

开始 然而&#xff0c;我们仍然有一些工作要做&#xff0c;渲染部分并没有完全完成。虽然现在已经能够运行游戏&#xff0c;而且帧率已经可以接受&#xff0c;但仍然有一些东西需要进一步完善。正在使用调试构建编译版本&#xff0c;虽然调试版本的性能不如优化版本&#xff0…...

编程日记 2025/9/2 6:16:01

【量化策略】套利交易策略

【量化策略】套利交易策略 &#x1f680;量化软件开通 &#x1f680;量化实战教程 技术背景与应用场景 在金融市场中&#xff0c;套利交易策略是一种利用市场价格差异来获取无风险利润的交易方式。这种策略通常涉及同时买入和卖出不同市场上的相同或相似金融产品&#xff0…...

编程日记 2025/9/8 6:52:58

laravel11设置中文语言包

安装中文语言包 Laravel 11 默认没有内置完整中文语言包&#xff0c;推荐使用第三方维护的完整翻译&#xff1a; # 通过 Composer 安装语言包 composer require laravel-lang/common --dev# 发布中文语言文件到项目 php artisan lang:add zh_CN这会自动将中文语言文件生成到 l…...

编程日记 2025/9/8 21:22:56

Javaweb数据库多表查询 内连接 外连接 子查询

内连接 外连接 左外连接&#xff0c;左边是全部表 表名&#xff0c;即使没有匹配右边的数据&#xff0c;也要查询出来 子查询 案例 1.没有说所有的部门&#xff0c;所有的员工&#xff0c;用内连接&#xff08;隐式内连接&#xff09;...

编程日记 2025/9/5 20:58:25

欧氏距离、曼哈顿距离、切比雪夫距离、闵可夫斯基距离、马氏距离理解学习

目录 一、欧氏距离&#xff08;Euclidean Distance&#xff09;公式&#xff1a;原理&#xff1a; 二、曼哈顿距离&#xff08;Manhattan Distance&#xff09;公式&#xff1a;原理&#xff1a; 三、切比雪夫距离&#xff08;Chebyshev Distance&#xff09;公式&#xff1a;原…...

编程日记 2025/9/9 19:00:29

【地图视界-Leaflet4】绘制自定义图形

引言 在前面的文章中&#xff0c;我们学会了如何在 Leaflet 中添加标记、弹窗以及切换不同的底图和叠加图层。但是在很多实际应用中&#xff0c;我们需要在地图上绘制多边形、圆形、矩形、折线等几何图形&#xff0c;用于标记区域、路径规划、范围分析等。 本篇文章将介绍如何…...

编程日记 2025/9/6 17:37:46

华为hcia——Datacom实验指南——STP工作基本原理及STP/RSTP基本功能配置

什么时候需要用到STP 在二层交换网络中&#xff0c;为了避免环路产生。 什么是STP STP生成树协议&#xff0c;是用来在冗余链路上消除二层环路。在众多交换机中&#xff0c;需要设置出一个根桥&#xff0c;其余的交换机称为非根桥&#xff0c;根桥是整个交换网络的核心&…...

编程日记 2025/9/10 12:43:53

游戏引擎学习第127天

仓库:https://gitee.com/mrxiao_com/2d_game_3 为本周设定阶段 我们目前的渲染器已经实现了令人惊讶的优化&#xff0c;经过过去两周的优化工作后&#xff0c;渲染器在1920x1080分辨率下稳定地运行在60帧每秒。这个结果是意料之外的&#xff0c;因为我们没有预计会达到这样的…...

编程日记 2025/9/6 19:45:20

PostgreSQL 创建表格

PostgreSQL 创建表格 在数据库管理中&#xff0c;表格&#xff08;Table&#xff09;是数据存储的基础。PostgreSQL作为一款强大的开源对象关系型数据库管理系统&#xff08;ORDBMS&#xff09;&#xff0c;创建表格是其最基本的功能之一。本文将详细讲解如何在PostgreSQL中创…...

编程日记 2025/9/10 3:56:35

AF3 deduplicate_unpaired_sequences函数解读

AlphaFold3 msa_pairing模块的deduplicate_unpaired_sequences 函数的作用是移除 chain[msa] 中那些已经存在于 chain[msa_all_seq] 中的序列。换句话说&#xff0c;它保留那些不在 chain[msa_all_seq] 中的序列&#xff0c;从而确保未配对的 MSA 序列不会与配对的 MSA 序列重复…...

编程日记 2025/9/9 21:43:07

图像处理之图像边缘检测算法

目录 1 图像边缘检测算法简介 2 Sobel边缘检测 3 经典的Canny边缘检测算法 4 演示Demo 4.1 开发环境 4.2 功能介绍 4.3 下载地址 参考 1 图像边缘检测算法简介 图像边缘检测是计算机视觉和图像处理中的基本问题&#xff0c;主要目的是提取图像中明暗变化明显的边缘细节…...

编程日记 2025/9/5 7:14:18

unity使用input system实现相机屏幕手势丝滑拖拽

input action设置 操作对象设置 camera 具体操作类 PlayerInputView类 using System.Collections; using UnityEngine; using UnityEngine.InputSystem; using TouchPhase UnityEngine.InputSystem.TouchPhase;public class FingerScale : MonoBehaviour {private Vector3…...

编程日记 2025/9/8 9:44:06

Leetcode-853. Car Fleet [C++][Java]

目录 一、题目描述 二、解题思路 Leetcode-853. Car Fleethttps://leetcode.com/problems/car-fleet/description/ 一、题目描述 There are n cars at given miles away from the starting mile 0, traveling to reach the mile target. You are given two integer array …...

编程日记 2025/9/10 11:34:16

建易WordPress

建易WordPress是一家专业的WordPress建站服务提供商&#xff0c;专注于为企业和个人提供一站式的WordPress网站建设、维护、托管、运营推广以及搜索引擎优化(SEO)服务。 服务内容 1. 网站建设 提供模板建站和定制开发两种服务&#xff0c;满足不同客户的需求。模板建站价格为…...

编程日记 2025/9/8 11:26:07