KyonQi's Blog

2026-04-22 8.4k 字 47 分钟

从零开始的自研音乐播放器进程 3.4 UI 重构

WebUI 1:1 移植工程文档目标：把 WebUI/ 文件夹里的 React 原型完全复刻到 Android Kotlin Compose 原生实现，达到视觉 pixel-level 一致。唯一"不完全复刻"的地方是：动态强调色（dynamic accent）会真实影响按钮、进度条、滑动条的颜色（WebUI 已这么做，原生要保留这个行为）。 0. 总览 0.1 WebUI 的视觉语言（要复刻的核心）要素 WebUI 现状当前原生实现字体 DM Sans（全屏使用）系统默认 Tab 结构底部 2 个 tab（Library / S

2026-04-20 1.4k 字 7 分钟

从零开始的自研音乐播放器进程 3.3 UI BottomBar 折叠

可折叠底栏 —— 原型说明 & 接入指南 Apple Music 风格：底部 Tab Bar 和 MiniPlayer 在滚动时从两行压成一行，回到顶部松手自动展开，点击折叠态的 Tab 图标也能展开。原型文件位置：app/src/main/java/io/kyonqi/musicplayer/prototype/ 文件作用 CollapsibleBottomBarState.kt 折叠进度 State + NestedScrollConnection CollapsibleBottomBarScaffold.kt 布局脚手架（展开/折叠两种布局 + 动画）

2026-04-19 2.9k 字 15 分钟

从零开始的自研音乐播放器进程 3.3 UI BottomBar 折叠

原型：BottomBar + MiniPlayer 折叠联动 Apple Music 风格：底部 Tab Bar 向下滚动时缩起，MiniPlayer 顶上来占位；向上滚动（或列表回到顶部）时 Bar 回弹，点击折叠态也能重新展开。本原型是一个最小可跑的独立 Demo，只依赖 Compose BOM、Material3 和 Material Icons Extended。跑通后再把 CollapsibleBottomBarScaffold 接到你的 LibraryScreen 里。原理速览 1234567891011121314151617181920展开态（collapseProg

2026-04-17 8.6k 字 49 分钟

从零开始的自研音乐播放器进程 3.2 UI 优化

UI 美化实施手册（完整代码）本文档是 Plans/ui-polish-apple-music.md 的配套实施参考。每个章节给出完整、可直接粘贴的 Kotlin 代码，保持项目已有风格： @HiltViewModel + @Inject constructor，ViewModel 写在同一文件的 Composable 之上状态模式：private val _state = MutableStateFlow(...) + val state = _state.asStateFlow() 中文注释，私有工具函数放文件底部 collectAsStateWithLifecycle() 收

2026-04-16 3.8k 字 18 分钟

从零开始的自研音乐播放器进程 3.1 UI 优化

UI 美化方案：仿 Apple Music (iOS) 周期：约 2 周前置：Phase 2 基础功能完成（已有音乐库浏览、播放器、MiniPlayer）目标：在保留 Material3 基础组件的前提下，通过自定义组件、动效和视觉语言，让 app 观感接近 Apple Music iOS 设计原则内容优先：封面图片是视觉核心，其他元素（文字、按钮）都为封面服务大留白 + 大圆角：间距宽松（1624dp），圆角偏大（1224dp）弹性动效：所有过渡使用 spring，避免线性/匀速动画动态取色：基于当前歌曲封面提取主色调，驱动渐变和强调色底部 Tab Bar：符合 i

2026-04-11 12.3k 字 70 分钟

从零开始的自研音乐播放器进程 2

Phase 2 详细实施计划：音乐库 + 基本体验 Context Phase 1 已完成（基础播放功能可用）。Phase 2 的目标是让 app 像一个正经的音乐播放器一样浏览和管理音乐：引入 Room 数据库、按歌曲/专辑/艺术家/文件夹浏览、专辑封面、播放模式、搜索等。依赖关系总览 123456789101112131415161718192021222324252627282930313233Week 1 (数据层): libs.versions.toml + build.gradle.kts (Room 依赖) → data/entity/*.kt → dat

2026-04-03 312 字 2 分钟

写代码到猝死的程序员会梦见元气女高中生吗？

“那个…早上…好？”眼前的少女看着我略带迟疑地说道。为什么最后要用疑问的语气？我虽然稍有不满，但并未流露出表面。成熟的伪装可是成年人的标志，小孩子可好好学吧。 “找…早…上好。”然而我的舌头却是没有出息地打了结。真是没用的舌头啊，这周得去买点猪舌头炖汤喝。我依旧装着不动深色的样，仿佛刚刚什么也没有发生。 “噗…”看来少女并不买我的账，抓着小地方不放可不是淑女该有的行为噢。“叔，早餐就吃烤面包可以吗？” 嗯嗯，看来刚咬舌头的事情就这么过去了，现在的小孩还是上道的嘛…“你刚叫我什么？” “诶，叔？不行吗？”少女歪着头看向我。 “我也没有老到要被喊叔叔吧，我也才刚工作…几年…而已”我越反驳声音越不

2026-04-03 4.4k 字 25 分钟

从零开始的自研音乐播放器进程 1

第一期：最小可用播放器 — 项目结构与关键代码框架目录结构 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051music-player/├── app/│ ├── build.gradle.kts│ ├── src/main/│ │ ├── AndroidManifest.xml│ │ ├── java/com/example/musicplayer/│ │ │ ││ │ │ ├── MusicPlayer

2026-04-01 2.2k 字 10 分钟

【就当是为了速度，对它使用分块吧】一文带你看懂 Flash Attention 1

立志写出让纯夏都能看懂的教程讲解作为 LLM 加速的核心，基本每次都要编译 FlashAttention 库来实现计算加速，足见其应用之广泛，因此专门出一章来学习 Flash Attention 第一版的实现。我们都知道，Attention 计算是这样的： $$\text{Attention}(Q,K,V)=\text{softmax}(\frac{QK^T}{\sqrt{d_k}})V $$在标准的 Attention 实现里，我们一般分成下面三步完成： $$S=QK^T \in \R^{N\times N} , \quad P=\text{softma

2026-03-29 2.3k 字 10 分钟

【nano-vllm 学习】06 - 自顶向下的模型结构层

立志写出让纯夏都能看懂的教程讲解我们继续自顶向下学习 nano-vllm 的架构，本章我们主要解析其自带支持的 qwen3-8b 的模型结构。本章我们主要解析其自带支持的 qwen3-8b 的模型结构。我们将首先介绍 qwen3 的模型结构，然后从代码入手快速学习了解整个前向推理过程，至于具体的基础算子实现我们放在后面再讲。模型架构先简单对 Qwen3 模型有个概念，整体其实很好理解，就是一个 Decoder-Only 的模型，每个 Decoder 层都有： RMS Norm + Attention：这里 Attention 是 Group Query Attention，顾名思