安卓如何实现图文混排

一、安卓实现图文混排的几种方式

• EditText with Spannable
• RecyclerView
• WebView

1. EditText with Spannable

EditText自身便是为编辑文本而设计的，通过ImageSpan即可实现图文混排的效果。

2. RecyclerView

通过组合EditText及ImageView可以实现图文混排的效果。

与EditText比较，RecyclerView方式只能实现文本和图片依次排列的效果，无法实现图文环绕效果。考虑到手机上阅读，其实并不需要图文环绕的效果。

3. WebView

网页版本的图文混排编辑器已经相当成熟，结合WebView强大的功能，或许是实现图文混排最好的方案。

F. 最终方案

神马笔记最终采用RecyclerView方案。

• 优点：

  1. RecyclerView方案是3个方案中实现起来最简单的。
  2. 神马笔记之后会添加动态GIF，视频，音频，以及特定的数据内容，RecyclerView方式非常容易扩展。

• 缺点

  1. 全选操作无法选择所有文本。
  2. RecyclerView滚动上似乎存在一些问题。

二、图片保存的几种方案

• 图片保留在原来的位置
• 图片复制到应用的文件夹下，例如WhatsNote/Photos
• 图片复制到笔记的文件夹下，例如WhatsNote/xxxx/Photos

1. 保留在原来位置

只记录图片文件路径。

优点：节省存储空间

缺点：无法保证图片文件的有效性

2. 复制到应用的文件夹

复制一份图片到应用文件夹内，所有笔记的图片保存在同一个文件夹内。

优点：保证图片不会被第三方应用修改，图片总是有效的

缺点：复制了一份图片，占用了手机存储空间

3. 复制到笔记的文件夹

与方式2比较，只是图片复制的位置发生了改变，由应用管理的文件夹，变成笔记管理的文件夹。

F. 最终方案

神马笔记最终采用“复制到笔记的文件夹”方案。

技术实现上，比较不出笔记文件夹比应用文件夹能带来哪些优点。

从资源管理的角度，应该选择应用文件夹的方式，便于管理图片资源。

从笔记管理的角度，与笔记相关的所有资源，应该保存在笔记文件夹内。

三、数据结构设计

交互采用了RecyclerView方案。

图片管理采用了复制到笔记文件夹方案。

接下来，完成最后一步，设计数据结构，实现图文混排有2件事情要做