前言

好久没更博客了。这段时间学了 C语言,不过还只是基础阶段。闲来无事,想用 Android Studio 开发应用,但没学过 Kotlin,总不能速成吧?于是就想到了用 AI 辅助,算是 Vibe coding。最开始写了个计算器练手,磕磕绊绊下来,效果还挺不错。

后来突发奇想,干脆再用 AI 写个 Markdown 编辑器 玩玩。主要是想着能在手机上随手写博文、记东西,不用总对着电脑,能方便不少。虽说同类的编辑器一抓一大把,功能还比我自制的完善得多,但做这个纯纯是打发时间。自己从零到一捣鼓东西,过程还挺有意思。

我觉得一个合格的手机端 Markdown 编辑器,得有以下核心功能:

  • 实时预览
  • 基础语法快捷插入
  • 文件打开/保存
  • 多格式导出

撤销重做、图片导入管理这些也不能少。目前这些功能大致都实现了,还做了这些小设计:

  • 双栏预览
  • ZIP 打包导出(能把文档和关联图片一起打包)
  • 自动保存

UI 设计

UI 设计采用了 Material You Design,是我本人非常喜欢的设计风格,也十分美观,如图所示。因为功能不多、比较精简,界面看起来非常清爽。

应用只做了手机布局,拿平板试了一下,横屏状态下没有错位,也可以正常使用。之前的计算器用的是 XML 布局,还需要专门写一个横屏适配的 XML 文件。

遇到的坑

但实际用起来才发现,编辑器离能用还差得远,一堆小问题没解决,体验感拉胯得很。难用到以至于这篇文章都不是用编辑器写的。

最开始是文本不会自动滚动,还要边写边翻;图片预览也有 bug,本地导入的图片偶尔渲染不出来,还有莫名的卡顿——屎山代码发力了。

前前后后把代码修了好久,解决了文件名异常、导出命名的问题。用 AI 修改最崩溃的一点就是,它会把原来已经改好的功能“翻新”,导致又出现一堆新问题。

折腾的过程中也踩了不少坑,学了不少东西,比如:Compose 的状态管理,​Android 的文件 Uri 处理

后续应该也会系统学习 Kotlin,不过那可能要等很久,毕竟 C 语言都还没有做到精通。

先写到这里吧。

最后浅浅展示一下 App界面


主页

主页

双栏实时预览

双栏实时预览

ZIP导出

导出