- 博客(92)
- 收藏
- 关注
RSS订阅原创 Compose 自定义组件：封装一个通用标题栏
本文介绍了在Jetpack Compose中实现高度可复用的自定义标题栏组件的方法。通过分析标题栏的核心需求（左侧返回按钮、中间标题文字、右侧功能区），作者设计了一个基于Slot API的通用组件CommonTopBar。该组件采用声明式UI编写，仅60行代码即可实现传统View系统中需要复杂XML布局才能完成的功能。文章重点展示了如何利用Kotlin空安全特性控制组件显隐、通过Slot API实现右侧内容的高度自定义，以及优化点击热区等细节处理。最后通过5个典型应用场景演示了该组件的强大灵活性，充分体现了
2026-04-22 18:03:41
36
原创 Jetpack Compose 的单向数据流
本文系统阐述了Jetpack Compose中单向数据流(UDF)的设计理念与最佳实践。核心观点包括：1)采用"状态向下传递，事件向上冒泡"的模式，确保UI作为状态的函数；2)遵循单一事实来源原则，避免状态分散；3)通过状态提升模式实现无状态组件的复用；4)结合ViewModel管理业务状态，实现MVVM架构。文章详细展示了输入控件、列表选择等场景的UDF实现方案，并对比了正反例写法，强调应避免组件内部隐藏业务状态、直接修改外部状态等常见误区。通过规范化的状态管理，可使Compose应用
2026-04-21 11:21:22
439
原创 Jetpack Compose 预览 (Preview)功能详解
Jetpack Compose的@Preview注解为UI开发提供了强大的实时预览功能。它支持多设备模拟、深色模式、国际化等参数配置，能通过自定义注解实现多重预览，还能用PreviewParameterProvider注入假数据测试不同状态。IDE交互功能包括交互模式、动画检查器和快速部署，大幅提升开发效率。相比传统XML预览，Compose Preview在灵活性和多状态展示上更具优势，让开发者能在编码时即时验证UI效果，减少实际运行调试的需求。
2026-04-21 11:16:50
363
原创 Compose 按钮设计：多一行代码，换来极致灵活
Jetpack Compose采用Slot API设计理念，通过内容插槽实现组件的高度灵活性。与传统Android视图体系不同，Compose的Button不直接提供text参数，而是允许开发者在插槽中自由组合任意内容（文本、图标、加载动画等）。这种"组合优于继承"的设计解决了传统Button组件臃肿的问题，使每个组件专注单一职责，同时保持API一致性。虽然简单场景下代码量略有增加，但换来了应对复杂UI需求时的强大扩展能力，开发者可以像搭积木一样自由组合组件，无需重写自定义View。
2026-04-21 11:14:58
282
原创 Compose Modifier 属性顺序对布局的影响
摘要：Jetpack Compose中的Modifier顺序对布局效果有决定性影响。核心概念是"洋葱模型"——从左到右的Modifier依次从外向内包裹组件。关键差异场景：1) background与padding顺序决定边距是否带背景色；2) clickable与padding顺序影响点击热区范围；3) size与padding顺序改变组件实际占地大小。底层原理是测量阶段Modifier会依次修改约束条件。最佳实践建议：需要margin效果时padding放background前，需要
2026-04-17 15:27:14
376
原创 ArkUI 布局神器：RelativeContainer
摘要：本文介绍鸿蒙ArkUI开发中的RelativeContainer相对布局容器。相比Row和Column布局，RelativeContainer通过设置组件间的相对位置关系，能更灵活地实现复杂界面布局。文章重点讲解RelativeContainer的三个核心要素：id（组件标识）、anchor（参照物）和alignRules（对齐规则），并通过三个典型场景演示其使用方法，包括居中对齐、环绕对齐和复杂卡片布局。同时提供避坑指南，强调必须设置容器宽高、保证ID唯一性等注意事项。RelativeContain
2026-04-17 15:22:32
410
原创 Android 全局监听神器：registerActivityLifecycleCallbacks 解析
Android开发中，通过Application.registerActivityLifecycleCallbacks可以实现全局Activity生命周期监听，无需侵入BaseActivity。该接口能监控所有Activity（包括第三方库）的生命周期变化，适用于多种场景：1）判断App前后台状态切换；2）统一管理Activity栈实现一键退出；3）无埋点页面统计。使用时需注意多进程问题、配置变化处理和初始化时机，建议按功能模块拆分多个监听器以保持代码解耦。这一方案相比传统BaseActivity方式更优雅
2026-02-11 17:58:00
592
原创 鸿蒙 ArkUI 实战：打造 AI 对话流式打字机效果
本文详细介绍了在HarmonyOS ArkUI中实现AI对话打字机效果的两种方案：前端模拟流式和真实服务端流式。核心原理是通过增量更新UI，使用@Observed和@ObjectLink机制避免闪烁问题。文章提供了完整实现代码，包括数据模型定义、消息气泡组件和主聊天界面，并针对两种场景分别给出了实现方法：场景A使用定时器模拟打字效果，场景B直接监听网络流数据。重点解决了UI闪烁和状态更新等常见问题，为开发者提供了可直接复用的解决方案。
2026-02-09 16:30:55
637
原创 Android 清单文件合并冲突？用 Tools 属性一招解决
本文深入解析AndroidManifest.xml合并冲突问题及tools命名空间的解决方案。当主工程与第三方库的Manifest配置冲突时，可通过tools属性实现精准控制：tools:replace用于覆盖冲突属性，tools:node="remove"彻底删除不需要的元素，tools:overrideLibrary强制兼容版本差异，tools:node="replace"完全重写节点配置。文章还介绍了tools:targetApi和tools:ignore等辅助
2026-02-06 16:57:44
622
原创 从 状态管理 V1 到 V2：鸿蒙开发者的进化指南
本文对比了状态管理V1(@Component)和V2(@ComponentV2)的核心差异。V2引入了深度观察机制，通过@ObservedV2和@Trace装饰器实现细粒度更新，解决了V1中嵌套对象修改不触发刷新的痛点。主要变化包括：装饰器语法简化（如@Param替代@Prop/@Link）、新增@Computed计算属性、优化生命周期（新增onDidBuild）、强制单向数据流设计。V2虽然牺牲了直接修改的便利性，但带来了更清晰的架构和性能提升，建议新项目直接采用，老项目可逐步迁移。
2026-02-05 11:43:30
562
原创 硬核春节：用 Compose 打造“赛博鞭炮”
本文介绍了使用Jetpack Compose实现"赛博鞭炮"动画效果的技术方案。通过声明式动画(animateFloatAsState)、帧级物理渲染(Canvas+withFrameNanos)和沉浸式触觉反馈(VibratorManager)三大核心技术，实现了点击鞭炮的缩放动画、20次点击后的粒子爆炸效果以及对应的震动反馈。文章详细拆解了物理粒子系统模型的计算方法、震动兼容性处理方案，并提供了完整的Compose实现代码，展示了如何将声明式UI、Canvas绘图和触觉反馈有机结合，
2026-02-02 15:33:57
577
原创 Android Studio 调试指南：从入门到进阶
本文系统介绍了Android Studio调试的核心技巧，包括两种启动调试模式的方式（直接调试和附加调试器）、四种断点类型（基础断点、条件断点、日志断点和异常断点）及其适用场景。详细讲解了调试控制台的使用方法，包括变量观察、监视区设置和表达式求值功能。此外，还介绍了单步调试的四种操作方式（步过、步入、强制步入和步出）以及线程切换和渲染调试等进阶技巧。这些调试方法不仅能快速定位问题，还能帮助开发者深入理解代码执行逻辑，大幅提升开发效率。
2026-01-27 10:47:39
703
原创 Android ActivityLifecycleCallbacks ：解耦与监控的神器
Android开发中，通过Application.ActivityLifecycleCallbacks接口可以在全局监听所有Activity生命周期，实现无侵入式的功能扩展。该方案相比继承BaseActivity更优雅，能处理第三方Activity，支持埋点统计、UI注入、应用状态判断等场景。文章详细介绍了接口用法，并给出应用状态跟踪、Activity栈管理、全局水印等实用案例，同时提醒注意性能开销和初始化顺序等问题。这种基于AOP思想的实现方式，有效提升了代码解耦能力，是Android高级开发的必备技能。
2026-01-26 18:05:14
426
原创 Kuikly 跨端开发：Compose DSL与 自研 DSL 上手及区别
Kuikly提供两种开发模式：KuiklyCompose支持标准JetpackComposeDSL，可跨Android/iOS/鸿蒙/H5/小程序平台，保留原生渲染优势；Kuikly自研DSL采用分离式attr/event结构，更贴近底层。两者在KuiklyCore引擎上运行，开发者可根据项目需求选择：新项目推荐使用兼容标准Compose语法的KuiklyCompose，对性能有极致要求的场景可选择自研DSL。文章详细对比了两者的核心特点、布局系统和状态管理差异，并提供了快速上手指南。
2026-01-22 17:42:03
1141
原创 Kuikly跨平台框架自创 DSL组件介绍
本文面 主要是讲解 Kuikly 的组件使用方式：从组件结构设计、Flexbox 布局规则，到常用组件（Text、Image、View）的详细属性与实战代码。
2026-01-22 17:15:06
1137
原创 腾讯Kuikly跨平台框架配置
Kuikly框架配置指南：基于Kotlin Multiplatform的跨平台开发方案需完成环境准备、工程创建和平台配置三步。关键点包括：1）严格匹配开发工具版本（Android Studio、DevEco Studio 5.1.0+、HarmonyOS SDK API≥18）；2）通过插件创建工程模板；3）在共享模块添加Kuikly核心依赖；4）鸿蒙需特别配置.so动态库和签名。验证时创建简单页面测试环境，注意处理iOS沙盒报错和鸿蒙白屏问题。该框架通过统一代码库实现多端开发，但对鸿蒙环境有特殊要求。
2026-01-20 17:43:14
1072
3
原创 鸿蒙 ArkUI 实战：沉浸式状态栏的 3 种实现方案
鸿蒙ArkUI实现沉浸式状态栏的三种方案：1.窗口级全屏+手动避让（最灵活但代码量大）；2.组件级扩展安全区（简洁自动适配，适合背景沉浸场景）；3.全屏背景色混淆（最简单但仅限纯色应用）。文章对比了各方案优缺点，并给出适用场景建议，同时提醒注意单位换算和折叠屏适配问题。
2026-01-15 17:51:48
1094
1
原创 Jetpack Compose 实战：如何优雅地封装全局弹窗
本文提出了一种基于Compose的全局弹窗管理方案，解决了传统弹窗实现中的代码冗余、耦合度高和无法全局覆盖三大痛点。该方案采用"状态提升到顶层"的设计思路：通过单例DialogController管理弹窗状态，在MainActivity顶层放置GlobalDialogHost组件监听并渲染弹窗。具体实现包括定义DialogEvent密封类描述弹窗类型，构建全局控制器维护状态流，开发宿主组件负责UI渲染，最后接入应用根布局。该方案使弹窗调用完全解耦，支持在ViewModel等任意位置调用，
2026-01-12 18:05:42
764
1
原创 Compose动画：手写一个‘烦恼碎纸机’
本文介绍了如何用Compose实现一个"烦恼碎纸机"动画效果。通过Box布局和zIndex层级控制，将UI分为三层：背景层、纸张层和碎纸机机身层。纸张下落时会被机身遮挡，形成被吞入机器的视觉效果。同时利用Canvas绘制随机粒子模拟碎纸屑飘落，并添加震动反馈增强体验。文章详细讲解了动画原理、布局实现、粒子系统设计和状态管理，展示了如何用简单的Compose组件组合出富有创意的交互效果。
2026-01-12 16:10:10
989
原创 Jetpack Compose 动画实战：让你的 UI 动起来
本文介绍了Jetpack Compose的动画API体系，分为三个层次：1.基础属性动画(animate*AsState)用于单一属性过渡；2.组件可见性动画(AnimatedVisibility)实现平滑显示/隐藏；3.布局切换动画(AnimatedContent)处理复杂场景切换。文章还讲解了动画规格配置(AnimationSpec)，包括弹簧效果、补间动画和关键帧控制。Compose动画采用声明式设计，开发者只需定义状态变化，系统自动处理过渡效果，相比传统Android动画更直观高效。
2026-01-09 18:09:05
524
1
原创 Jetpack Compose ：彻底搞懂 Modifier
本文深入解析Jetpack Compose中的Modifier核心概念。Modifier作为UI构建的"魔法棒"，通过链式调用实现组件大小、布局、行为和外观的调整。文章重点强调Modifier的执行顺序规则：从左到右依次生效，顺序不同会导致截然不同的效果（如padding在background前/后的差异）。提供常用Modifier分类速查（布局尺寸、外观装饰、交互事件），并通过圆形头像卡片的实战案例演示正确使用顺序。最后介绍了Modifier复用技巧，包括变量提取和扩展函数方式。核心要
2026-01-09 15:53:39
1194
原创 鸿蒙自定义相机开发：Camera Kit
本文介绍了在鸿蒙系统（HarmonyOSNext）中开发自定义相机的完整流程。主要内容包括：1）权限申请配置；2）使用XComponent组件构建相机预览界面；3）通过CameraKit实现相机核心功能，包括创建会话、配置输入输出、启动控制等；4）处理拍照结果并保存图片；5）常见问题解决方案。文章详细讲解了从UI布局到后台逻辑的实现过程，重点说明了surfaceId获取、分辨率匹配等关键点，为开发者提供了完整的自定义相机开发指南。
2026-01-08 16:46:49
440
1
原创 Jetpack Compose 实战：构建高性能多列固定表格组件
本文介绍了使用Jetpack Compose实现支持固定列的表格组件FixedColumnTable。通过将表格分为左右两部分，左侧固定关键列，右侧可水平滚动，并利用双State+snapshotFlow实现垂直滚动同步。关键技术包括动态数据切分、完美滚动同步机制和布局对齐技巧。组件支持自定义固定列数、行高列宽等参数，经过优化可流畅处理数千行数据。文章提供了完整实现代码和使用示例，是解决B端应用复杂表格展示需求的理想方案。
2026-01-08 11:24:58
908
原创 Jetpack Compose 自定义布局解析
Jetpack Compose自定义布局指南：通过Layout函数实现高效UI编排。文章详细解析了Compose单次测量的布局原理，介绍了Layout核心API的使用方法，并以瀑布流布局为例展示了具体实现步骤。包括测量子组件、计算位置坐标、布局自身尺寸等关键环节，同时提供了使用示例和进阶技巧（如LayoutModifier和SubcomposeLayout）。帮助开发者突破基础布局限制，实现复杂UI结构设计，同时保持框架的高效性能特性。
2026-01-07 16:27:03
795
原创 Kotlin Flow 快速入门
Kotlin Flow是Kotlin协程中处理异步数据流的利器。它类似RxJava但更轻量，基于协程实现非阻塞操作。Flow由生产者(emit)、中间操作符(map/filter)和消费者(collect)组成，支持冷流(按需启动)和热流(StateFlow/SharedFlow用于状态管理)。关键特性包括线程切换(flowOn)、异常处理(catch)和UI防抖(debounce)。在Android开发中，需配合collectAsStateWithLifecycle或repeatOnLifecycle确保
2026-01-05 17:39:48
1000
原创 Jetpack Compose ：封装 MVVM 框架
本文介绍了Jetpack Compose环境下现代化MVVM架构的实现方案。核心包括：1)基于StateFlow和Channel的状态管理机制，实现单向数据流；2)封装BaseViewModel处理网络请求、状态更新和异常捕获；3)使用MVI模式组织UI状态和用户意图；4)通过BaseScreen组件统一收集状态和副作用。该方案解决了传统MVVM在Compose中的适配问题，提供了标准化网络请求处理、状态管理和事件防抖机制，显著减少样板代码。实战演示了登录页面的完整实现流程，展示了如何将状态管理、业务逻辑与
2026-01-05 17:22:09
483
原创 Flutter自定义组件： 为横向列表自定义“进度条”式滚动指示器
本文介绍了如何使用Flutter实现一个动态跟随列表滚动的自定义指示器。核心原理是通过NotificationListener监听ScrollNotification事件，结合ScrollController计算滚动比例（当前偏移量/最大可滚动距离），然后将该比例映射到指示器滑块的位移上。文章详细展示了构建横向列表和自定义指示器组件的实现步骤，包括使用Positioned控件动态计算滑块位置，并提供了完整的代码示例。最后还提出了进阶优化建议，如动态计算滑块宽度、添加缓动动画和封装组件等，使指示器效果更接近原
2025-12-26 10:05:44
335
原创 Android 自定义 View ：打造一个跟随滑动的丝滑指示器
本文介绍了如何使用Kotlin实现一个轻量级的水平滑动指示器组件BottomLineView。该组件通过继承View类实现，包含灰色背景线和绿色指示器，支持设置固定宽度和圆角样式。核心功能是将滚动状态抽象为0.0~1.0的比例值，实现了与各种滚动控件的解耦。文章详细展示了该指示器在RecyclerView、HorizontalScrollView和ViewPager2三种常见场景下的适配方案，通过监听各自的滚动事件并计算相应比例，最终调用updateScrollRatio方法更新UI。这种设计使指示器能够灵
2025-12-22 18:00:00
486
原创 Jetpack Compose 中的状态管理
Jetpack Compose中的状态管理核心要点： 基础概念：状态驱动UI更新，通过重组机制高效刷新界面 基本工具： mutableStateOf定义可变状态 remember保持重组时的状态 rememberSaveable保存配置变更时的状态 最佳实践： 状态提升(State Hoisting)：将状态提升到父组件 ViewModel管理复杂状态 使用collectAsStateWithLifecycle收集Flow状态 高级用法： CompositionLocal实现隐式传参 不可变数据类确保状态安
2025-12-19 11:22:16
587
原创 Flutter 混合开发指南：项目打包与原生 Android/iOS 集成
本文介绍了在原生Android和iOS项目中集成Flutter模块的完整流程。首先需要创建FlutterModule项目，然后针对不同平台分别处理：Android通过flutter build aar生成AAR包，在Gradle中添加本地仓库依赖；iOS通过flutter build ios-framework生成Framework，手动或通过CocoaPods集成。文章详细说明了两种平台的具体配置步骤，包括工程设置、依赖添加和引擎预热等关键操作，并强调了使用FlutterEngineCache预热引擎对提
2025-12-11 16:24:07
1548
原创 Jetpack Compose 实战：实现手势缩放图片 (Zoomable Image) 组件
本文介绍了在Jetpack Compose中实现图片缩放功能的方案。通过Compose的手势处理API，可以轻松实现双指缩放、单指拖拽和双击放大的交互效果。文章详细讲解了使用Modifier.pointerInput监听手势事件和Modifier.graphicsLayer应用变换的核心方法，并提供了基础实现代码。此外，还展示了如何通过Animatable添加双击缩放和回弹动画等进阶功能，最终封装成一个完整的ZoomableImage组件。该方案相比传统View体系更简洁高效，充分发挥了Compose在UI
2025-12-09 14:58:29
467
原创 Jetpack Compose 实战：打造高性能轮播图 (Carousel) 组件
本文介绍了在Jetpack Compose中使用HorizontalPager实现轮播图的方法。相比传统Android View体系，Compose通过声明式UI可以更简洁地实现自动轮播、无限循环、指示器等完整功能。文章详细讲解了核心组件HorizontalPager的使用，重点解决了无限循环的实现技巧（通过超大页数+取模运算），并提供了自动轮播与交互暂停的优化方案。最后给出了一个封装好的BannerCarousel组件实现代码，包含轮播主体、指示器和触摸暂停功能，可直接在项目中使用。
2025-12-08 17:30:00
400
原创 Android Compose 自定义组件完全指南
本文介绍了Jetpack Compose中创建自定义组件的核心方法与实践。从基础概念入手，通过代码示例展示了简单组件、带参数组件、状态管理组件的实现方式，重点讲解了状态提升原则和组件间通信技巧。文章还分享了复杂组件的构建思路，强调通过合理拆分组件提升复用性，并提供了命名规范、参数设计、性能优化等最佳实践，帮助开发者构建高质量、可维护的Compose UI界面。
2025-07-29 10:01:25
736
原创 HarmonyOS 录房源表单设计与实现实践
本文基于鸿蒙房产经纪平台项目，详细解析了高效录房源表单系统的设计与实现。系统采用模块化组件架构，将复杂表单拆分为交易类型、物业地址、基础信息等独立模块，通过标准接口通信。核心实现包括：1.主页面架构负责全局状态管理和数据提交；2.通用组件设计涵盖可编辑项、选择器、标签等多场景输入控件；3.高级功能实现智能填充、表单缓存和多层次校验。解决方案通过组件复用、智能交互和严格校验机制，显著提升了录入效率和准确性，为房地产行业复杂表单开发提供了完整参考。
2025-07-23 11:06:53
550
原创 鸿蒙ArkTS多环境API管理与安全签名方案实践
本文探讨了移动应用开发中多环境API管理和接口安全的技术实现方案。基于鸿蒙项目实践，提出分层架构设计：环境配置层管理多套环境变量，URL管理层实现多业务域API地址统一管理，业务层通过服务类封装具体接口调用。针对接口安全，设计了基于MD5的参数签名算法，包含参数排序、密钥拼接、加密验证等步骤，并通过请求拦截器自动处理签名流程。文章还介绍了环境热切换、安全增强策略等高级特性，并给出密钥管理、性能优化等最佳实践建议。该方案有效解决了多环境切换复杂性和接口安全问题，已在真实项目中验证可行性。
2025-07-22 11:19:01
574
原创 鸿蒙ArkTS首页动态控制Tabs显示与TabBar点击跳转页面实践
本文介绍了鸿蒙应用开发中动态控制首页Tabs导航的实现方法。通过ArkTS的条件渲染和事件拦截机制，可以灵活实现：1)根据用户权限动态显示不同Tab数量和内容；2)自定义Tab点击跳转逻辑，如未登录用户跳转至登录页；3)个性化TabBar样式设计。文章详细阐述了核心实现思路和代码示例，包括动态渲染TabContent、onChange事件处理、自定义样式构建等，并提供了最佳实践建议，为多角色、多权限的鸿蒙应用首页设计提供了可扩展的解决方案。
2025-07-22 10:45:14
978
原创 Jetpack Compose 无障碍（Accessibility）指南
本文介绍了在 Jetpack Compose 中实现无障碍功能的核心要点。首先强调了无障碍开发的重要性：法规合规需求、覆盖10%视觉障碍用户群体及提升产品可维护性。重点解析了 Compose 的无障碍架构，包括语义树、语义属性合并机制和服务生命周期。 主要内容包括：标准 Material 组件的无障碍支持、核心 API 使用（如 contentDescription、Modifier.semantics）、角色与状态定义、语义合并策略等。通过价格卡片...
2025-07-17 12:02:14
972
1
原创 Jetpack Compose 中 Kotlin 协程的使用
这篇文章系统介绍了Jetpack Compose中协程的使用方法和最佳实践。主要内容包括：协程在Compose中的必要性、作用域体系、专属API全景图、典型业务场景实战、生命周期管理、性能优化技巧和常见陷阱解决方案。文章通过对比不同作用域的生命周期，详细讲解了ViewModel层和UI层的协程使用，并提供了数据加载、Flow订阅、副作用处理等实用代码示例。最后强调了不可变数据、单一数据源等优化原则，帮助开发者编写高效稳定的Compose代码。
2025-07-16 17:58:34
1424
5
原创 告别Hilt，拥抱简洁高效的依赖管理
本文提出了一种创新的Android架构设计——基于AppContainer的无Hilt方案，旨在解决传统DI框架的痛点。该架构通过AppContainer集中管理依赖，采用延迟初始化和单一职责原则，实现了简洁高效的依赖管理。核心包含AppContainer（依赖管理中心）、BaseViewModel（统一状态管理）和ViewModelFactory（Compose集成）三大组件。相比Hilt，该方案具有学习成本低、编译速度快、调试友好等优势，并通过实际案例展示了在登录功能中的完整实现流程。性能测试显示，该架
2025-07-15 14:27:05
824
原创 Android Jetpack Compose 状态管理介绍
本文全面介绍了Jetpack Compose的状态管理方案。首先解释了基础概念，通过电灯开关类比说明状态与UI更新的关系。然后详细对比了remember和rememberSaveable的区别，并分析了状态作用域问题。重点讲解了状态提升模式，通过购物车案例展示如何共享状态。对于复杂场景，介绍了ViewModel和StateHolder两种方案：ViewModel适合屏幕级业务逻辑，提供TodoList完整实现；StateHolder模式通过搜索功能案例演示了细粒度状态管理。最后给出项目结构建议和常见问题解决
2025-07-11 18:11:55
1353
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人