Compose 基础与重组:从 View 命令式到声明式 UI
文章目录第 1 章 声明式 UI踩坑第 2 章 Composable 与 Preview第 3 章 重组何时重画原理补充第 4 章 Modifier 链第 5 章 Scaffold 与 Material3 壳第 6 章 迁移边界第 7 章 治理清单面试速查 · 追问链追问链 #1重组是什么 追问链 #2Composable 能调几次 追问链 #3Modifier 顺序 ⭐追问链 #4Compose 能混 XML 吗 完整链路一句通相关推荐第 1 章 声明式 UIView 时代findViewByIdsetText命令式改界面。Compose用函数描述当前状态对应的 UI状态变则重新执行 Composable重组。ComposablefunGreeting(name:String){Text(text你好$name)}状态变 → 调用Greeting→ 框架 diff 更新节点。与 React/SwiftUI 同族。踩坑在 Composable 里做网络请求——应 LaunchedEffect ViewModel《Compose 状态》。第 2 章 Composable 与 PreviewComposablefunCounter(count:Int,onInc:()-Unit){Column{Text(计数$count)Button(onClickonInc){Text(1)}}}Preview(showBackgroundtrue)ComposableprivatefunCounterPreview(){MaterialTheme{Counter(0,{})}}Composable 可多次调用、可条件分支无副作用是目标副作用交给 Effect。第 3 章 重组何时重画重组范围尽量小把变化部分拆成子 Composable传入稳定参数。ComposablefunUserRow(user:User){// user 不变则可能跳过Text(user.name)}remember缓存计算《Compose 状态》。避免在列表items里创建不稳定 lambda 导致全列表重组。原理补充编译器为 Composable 生成Group/Slot框架按 slot 比较参数是否变化。第 4 章 Modifier 链Text(标题,modifierModifier.fillMaxWidth().padding(16.dp).clickable{onClick()},)顺序重要先padding再background与反过来视觉效果不同。布局、绘制、语义修饰符分层。第 5 章 Scaffold 与 Material3 壳ComposablefunTodoApp(){MaterialTheme{Scaffold(topBar{TopAppBar(title{Text(待办)})},floatingActionButton{FloatingActionButton(onClickonAdd){Icon(Icons.Default.Add,null)}},){innerPadding-TodoList(modifierModifier.padding(innerPadding))}}}新 Activity 应enableEdgeToEdge() 处理WindowInsets《Material3 与动态主题》。第 6 章 迁移边界遗留现代XML 新页面Compose 新功能RecyclerView 新列表LazyColumnfindViewById状态驱动ComposeView 嵌入 XML 可混排过渡长期目标单 Activity Nav Compose。第 7 章 治理清单检查项通过标准状态状态提升Composable 无业务可变全局副作用不在 Composable 体直接 IO性能列表 key、稳定参数、避免匿名 lambda 滥用主题MaterialTheme 包裹预览关键屏有 Preview面试速查 · 追问链追问链 #1重组是什么 参考回答状态变化后重新执行 Composable框架按 slot 比较尽量局部更新不是整页 invalidate。追问链 #2Composable 能调几次 参考回答任意次必须幂等、无副作用副作用放 Effect。追问链 #3Modifier 顺序 ⭐参考回答从外到内应用padding/background/clickable 顺序影响布局与点击区域。追问链 #4Compose 能混 XML 吗 参考回答能ComposeView/AndroidView 桥接新功能优先纯 Compose。完整链路一句通状态驱动 Composable→Modifier 塑形→MaterialTheme/Scaffold 搭壳→局部重组保性能→副作用交 ViewModel/Effect。相关推荐Kotlin 作用域函数let/apply 怎么选Kotlin 语法与空安全从零的第一课

相关新闻

Unity换装系统骨骼绑定避坑指南:5大常见错误与修复方案

Unity换装系统骨骼绑定避坑指南:5大常见错误与修复方案

1. 项目概述:为什么骨骼绑定是换装系统的“阿喀琉斯之踵”?做Unity换装系统,尤其是角色扮演类游戏,骨骼绑定这一步绝对是开发流程里的“深水区”。表面上看,不就是把模型网格(Mesh)和骨骼&#…

2026/10/2 1:03:27 阅读更多 →
Ubuntu 24.04安装ROS2 Humble完整指南与避坑技巧

Ubuntu 24.04安装ROS2 Humble完整指南与避坑技巧

1. 项目概述 作为一名机器人开发工程师,我经历过无数次ROS2环境搭建的痛苦过程。每次新版本发布或者更换开发机器时,总会遇到各种意想不到的问题。这篇文章将分享我在Ubuntu系统上安装ROS2的完整流程和避坑经验,特别针对2024年最新的Ubuntu 2…

2026/9/27 21:40:23 阅读更多 →
Kimi K3法律AI基准测试:法条引用与合同解析性能领先分析

Kimi K3法律AI基准测试:法条引用与合同解析性能领先分析

这次我们来看一个很有意思的基准测试结果:Kimi K3在法律领域的表现几乎比Claude Fable 5翻倍领先。对于需要处理法律文档、合同分析、法规查询的技术团队来说,这个差距意味着实际应用中的效率差异。 Kimi K3是月之暗面公司推出的最新大语言模型&#xf…

2026/9/29 14:54:08 阅读更多 →

最新新闻

GitHub日榜时间锚定采集系统:抗干扰可验证趋势监测

GitHub日榜时间锚定采集系统:抗干扰可验证趋势监测

1. 这不是“榜单搬运工”,而是一套可复用的 GitHub 日榜趋势监测系统你有没有试过每天早上打开 GitHub Trending 页面,想看看最近有什么新项目冒头,结果发现页面加载慢、分类混乱、语言过滤不精准,甚至刷新几次后数据就变了&#…

2026/10/4 7:12:49 阅读更多 →
Tecplot云图绘制失败原因与结构化数据映射解析

Tecplot云图绘制失败原因与结构化数据映射解析

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

2026/10/4 7:12:49 阅读更多 →
插件加载失败排查全指南:破解web boot entries did not activate

插件加载失败排查全指南:破解web boot entries did not activate

如果你在日志里见过failed to load plugins web boot: 2 entries did not activate这种报错,多半是正在做插件化改造的 Web 应用,或者刚接手一套带插件机制的工程。这类问题的奇怪之处在于:应用通常能启动,功能也能用,…

2026/10/4 7:12:49 阅读更多 →
插件加载失败排查指南:从IAR到Web Boot的通用方法论

插件加载失败排查指南:从IAR到Web Boot的通用方法论

1. 先说清楚"plugins"是什么:一道普遍存在又容易被误解的分工边界最近被问到最多的问题之一,就是"plugins 到底是干什么的"。很多人看到failed to load plugins web boot、harness failed to load plugins这类报错就头大&#xff0c…

2026/10/4 7:12:49 阅读更多 →
SCUC机组组合建模与求解:从数学模型到工程落地的全链路解析

SCUC机组组合建模与求解:从数学模型到工程落地的全链路解析

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

2026/10/4 7:12:49 阅读更多 →
YOLOv5肉鸡健康检测模型:产线实测可用的异常识别方案

YOLOv5肉鸡健康检测模型:产线实测可用的异常识别方案

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

2026/10/4 7:11:49 阅读更多 →

日新闻

KT148A语音芯片外挂8002D功放的工程实践指南

KT148A语音芯片外挂8002D功放的工程实践指南

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

2026/10/4 1:00:58 阅读更多 →
LLC谐振变换器增益公式推导:从FHA等效到完整归一化表达式

LLC谐振变换器增益公式推导:从FHA等效到完整归一化表达式

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

2026/10/4 1:00:58 阅读更多 →
ARM架构深度解析:从RISC设计理念到交叉编译实战

ARM架构深度解析:从RISC设计理念到交叉编译实战

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

2026/10/4 1:00:58 阅读更多 →

周新闻

KT148A语音芯片外挂8002D功放的工程实践指南

KT148A语音芯片外挂8002D功放的工程实践指南

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

2026/10/4 1:00:58 阅读更多 →
LLC谐振变换器增益公式推导:从FHA等效到完整归一化表达式

LLC谐振变换器增益公式推导:从FHA等效到完整归一化表达式

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

2026/10/4 1:00:58 阅读更多 →
ARM架构深度解析:从RISC设计理念到交叉编译实战

ARM架构深度解析:从RISC设计理念到交叉编译实战

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

2026/10/4 1:00:58 阅读更多 →

月新闻

我发现了一个新思路:用 Remotion + Claude Code 像写代码一样自动化生成短视频

我发现了一个新思路:用 Remotion + Claude Code 像写代码一样自动化生成短视频

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

2026/10/2 10:36:31 阅读更多 →
Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式:TaoToken 统一 Key 配置与验证

Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式:TaoToken 统一 Key 配置与验证

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

2026/10/3 9:42:35 阅读更多 →
黑夜航拍船只数据集训练YOLOV5模型全流程解析

黑夜航拍船只数据集训练YOLOV5模型全流程解析

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

2026/10/3 9:42:36 阅读更多 →