news 2026/5/1 5:48:26

函数式编程:Lambda 表达式:Compose 的核心。比如 { onClick() },请直接给出一些练习事例出来

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
函数式编程:Lambda 表达式:Compose 的核心。比如 { onClick() },请直接给出一些练习事例出来

太棒了,直接通过代码练习来理解是掌握 Kotlin 和 Compose 的最快方式。

这里有 4 个循序渐进的练习,从纯 Kotlin 语法到底层原理,再到 Compose 实战。

练习 1:基础热身(理解语法糖)

在这个练习中,我们将定义一个高阶函数(接收函数作为参数的函数),然后用“尾随 Lambda”的方式调用它。

目标:理解为什么 ) 后面可以直接接 {}。

code Kotlin

downloadcontent_copy

expand_less

// 1. 定义一个高阶函数 // 最后一个参数 operation 是一个函数,接收两个 Int,返回一个 Int fun mathOperation(a: Int, b: Int, operation: (Int, Int) -> Int): Int { return operation(a, b) } fun main() { // 写法 A:传统写法(Lambda 在括号内) // 这种写法很丑,像 Java 的匿名内部类 val res1 = mathOperation(10, 5, { x, y -> x + y }) // 写法 B:尾随 Lambda(推荐写法) // 因为 operation 是最后一个参数,所以大括号移到外面 val res2 = mathOperation(10, 5) { x, y -> x - y } println("加法: $res1") println("减法: $res2") }

💪 你的任务:
调用 mathOperation,利用尾随 Lambda 实现一个“乘法”逻辑。


练习 2:模拟 Compose 的 onClick(无参 Lambda)

Compose 中的 Button(onClick = {}) 是最常见的场景。我们来模拟一个这样的函数。

目标:理解 () -> Unit 类型。

code Kotlin

downloadcontent_copy

expand_less

// 模拟一个简单的组件函数 fun MySimpleButton(text: String, onClick: () -> Unit) { println("绘制按钮: $text") println("模拟用户点击...") // 执行传入的 lambda onClick() } fun main() { // 练习:调用这个按钮 // 场景:点击后打印日志 MySimpleButton("登录") { println("正在连接服务器...") } // 场景:点击后计算数据 MySimpleButton("计算") { val result = 1 + 1 println("结果是 $result") } }

💪 你的任务:
定义一个 MySimpleButton("退出"),并在 Lambda 中写两行代码(例如打印 "清理缓存" 和 "关闭应用")。


练习 3:模拟 Compose 的嵌套布局(Column/Row 原理)

这是 Compose 最核心的魔法。为什么我们可以像写 HTML 一样嵌套结构?因为 Lambda 里面可以调用其他函数。

目标:理解嵌套结构。

code Kotlin

downloadcontent_copy

expand_less

// 定义一个布局函数,content 是要在里面执行的内容 fun MyColumn(content: () -> Unit) { println("---- Column 开始 ----") content() // 执行大括号里的代码 println("---- Column 结束 ----") } // 定义一个子组件 fun MyText(text: String) { println("\t[文本组件]: $text") } fun main() { // 这就是 Compose 布局的雏形! MyColumn { MyText("标题:你好") MyText("副标题:世界") // 甚至可以嵌套(只要函数允许) MyColumn { MyText("内部的文本") } } }

💪 你的任务:
在 main 函数中,创建一个 MyColumn,里面包含 3 个 MyText,模拟一个简单的文章列表结构。


练习 4:进阶 —— 带接收者的 Lambda (Lambda with Receiver)

这是 Compose 中 Column { this.align(...) } 的原理,稍微难一点,但非常重要。

如果 Lambda 的类型是 T.() -> Unit,那么在 {} 里面,你就可以直接使用 T 的方法(类似于 this)。

code Kotlin

downloadcontent_copy

expand_less

class TextScope { var color: String = "Black" var fontSize: Int = 14 fun bold() { println("设置字体为粗体") } } // content 的类型是 TextScope.() -> Unit // 意味着在 Lambda 内部,我们拥有 TextScope 的上下文 fun StyledText(content: TextScope.() -> Unit) { val scope = TextScope() scope.content() // 让 scope 去执行这个 lambda println("最终样式 -> 颜色: ${scope.color}, 大小: ${scope.fontSize}") } fun main() { // 注意:在这里面可以直接访问 color, fontSize, bold() // 而不需要写 scope.color StyledText { color = "Red" // 等同于 this.color = "Red" fontSize = 20 bold() } }

💪 你的任务:
修改 main 中的调用,将 StyledText 的颜色设为 "Blue",并调用 bold()。


总结练习(直接用于 Compose)

如果你手头有 Android Studio,直接把这段代码贴到 Compose 的 setContent 里:

code Kotlin

downloadcontent_copy

expand_less

// 这是一个标准的 Compose 写法 // 1. Column 使用了尾随 Lambda // 2. Button 使用了尾随 Lambda (onClick) // 3. Text 是普通函数调用 Column { // 尾随 Lambda 开始 Text("欢迎来到 Compose") Button(onClick = { /* Lambda 内部 */ println("点击了按钮") }) { // Button 还有一个尾随 Lambda 用于由内容(content) Text("点击我") } } // 尾随 Lambda 结束
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/5/1 5:46:22

AI Agent的多语言支持:跨语言理解与生成

AI Agent的多语言支持:跨语言理解与生成 关键词:AI Agent、多语言支持、跨语言理解、跨语言生成、自然语言处理 摘要:本文围绕AI Agent的多语言支持展开,深入探讨了跨语言理解与生成的相关技术。首先介绍了该领域的背景,包括目的、预期读者、文档结构和术语表。接着阐述了…

作者头像 李华
网站建设 2026/5/1 7:29:35

云服务器运维实战:从环境搭建到安全加固全流程​

云服务器的高效运行离不开科学的运维管理,从基础环境搭建到进阶安全加固,每一步都直接影响系统稳定性与业务连续性。入门阶段需完成三大核心操作:首先是服务器连接,Linux 系统可通过 PuTTY、Xshell 工具或终端 SSH 命令连接&#…

作者头像 李华
网站建设 2026/5/1 9:58:14

云服务器成本管控:从粗放投入到精细运营

云服务器成本管控:从粗放投入到精细运营某跨境电商的降本实践具有代表性:通过预留实例(RI)覆盖80%基础负载,结合按需实例应对流量波动,使EC2计算成本下降42%;使用S3智能分层存储将归档数据存储成…

作者头像 李华
网站建设 2026/5/1 6:19:30

Segmentation Fault 调试指南:gdb + ASan + Valgrind 全流程实战

🧭 目录什么是 Segmentation Fault?从内存模型理解问题为什么很多 SegFault 不好找?——“错误不在崩的地方”演示环境准备(Linux / GCC / gdb / ASan / Valgrind)示例程序:两个看似简单却致命的 Buggdb 定…

作者头像 李华
网站建设 2026/5/1 6:20:00

MATLAB + 深度学习 = 心电图分类神器!完整流程 + 关键代码

当下,心电图(ECG)信号仍然是临床诊断心律失常、心肌缺血、传导阻滞等疾病的重要依据。然而,如何高效处理多导联 ECG 数据、提取有效特征并构建可复现实用的模型,依然是工程与科研中的痛点。 本文基于 MATLAB 深度学习框…

作者头像 李华
网站建设 2026/5/1 9:27:39

提升AI工具效能的秘密武器——系统提示与模型库!

全面了解AI工具的系统提示与模型 随着人工智能技术的迅猛发展,越来越多的AI工具应运而生,而这些工具的高效性往往依赖于其内部的系统提示和模型结构。本篇文章将深入介绍一个GitHub上开源项目——System Prompts and Models of AI Tools。这个项目不仅汇…

作者头像 李华