目标
- 使用 Swift
- 原生级小说分页
- 支持动态更换字色, 字体
视图结构
1 | |- UIViewController // 根视图, 可添加菜单显示, 手势操作等 |
章节内容分页视图中, 只要在返回单页显示视图的代理中返回
nil
, 即可实现章节内容翻到最后一页时, 继续翻页将翻到下一章节的逻辑
分页实现
首先, 一定要先确定好 TextView 的大小与内容间距, 即文字显示区域的大小, 这将严重影响到分页后的数据能不能正常显示
其次, 首行缩进最好用空格代替, 而不是用 NSParagraphStyle
的 firstLineHeadIndent
属性来实现, 否则会出现某段落被分开, 下一页依然被缩进的情况
首行缩进的空格数量可用以下逻辑计算:
1 | let normalWidth = "你好".size(font: textFont).width |
然后在每段前添加空格
1 | let result = content.string.components(separatedBy: "\n").map { "\(speace)\($0)" } |
这样就可以在每段首行添加一个合适的缩进了
接下来就是重点的分页了
第一步, 前期参数准备:
准备好处理完成的
NSAttributedString
, 最好包含各种字体, 颜色, 格式等信息, 避免分页视图拿到数据后再次生成NSAttributedString
导致的分页不准的情况准备好文字显示区域大小
第二步, 开始分页:
准备数据:
1 | // 创建 NSLayoutManager, 所有的分页逻辑开端 |
分页循环:
1 | var ranges: [NSRange] = [] |
第三步, 显示分页数据
章节内容分页视图中, 将单章的 NSAttributedString
和分到的 range
分配给每一个单页显示视图, 在 UITextView
中直接设置 attributedText
为 attributedString.attributedSubstring(from: range)
UITextView
的设置务必于分页循环时的 UITextView
保持一致
基本原理
NSLayoutManager
会根据加入的 NSTextContainer
不断分走文字, 直到分完为止, 这时候可以使用 layoutManager.glyphRange(for: textContainer)
获取 NSTextContainer
对应的文字范围 range
, 之后就可以根据这个 range
进行文字分页
修改字色, 字体
改变字色
改变颜色不需要重新尽心分页操作, 直接操作 UITextView
的 attributedText
和原始 NSAttributedString
就行
1 | let attributed = NSMutableAttributedString(attributedString: textView.attributedText!) |
注意, 方法为 addAttribute
, 而不是 setAttribute
, 后者会导致其他信息被清空
改变字体
对 UITextView
的 attributedText
和原始 NSAttributedString
的 font
设置为新字体, 再重新进行分页操作, 重新设置单页显示视图即可
注意事项与其他
添加点击区域
直接在根视图添加点击手势, 设置代理后, 根据点击区域判断行为
这样可以避免干扰其他手势行为
在 UIPageViewController 中添加 UISlider 等带有活动操作的视图
请做好手势冲突的处理, 不然就是一片乱
分页性能
由于分页流程主要在主线程上, 所以被分页的数据最好不要过大, 单章单章分页就刚刚好
分页后文字可能超出显示区域
每个 NSTextContainer
的 frame 值都是被 NSLayoutManager
粗略计算过的,与你设置 NSTextContainer
的 size 值略有出入, 有时候大些, 有时候小些, 但误差绝度不会超过一个字符的高度. 所以, 苹果建议我们在设置 UITextView
的时候,给这个 NSTextContainer
预留一定的高度……
还有字体问题, 因为系统有些字体对中文支持不太好, 请尽量使用以下支持中文的字体, 或其他支持中文的字体:
1 | Heiti SC 黑体-简 |
快速翻页导致未分页完成就翻到下一章
可以添加分页中标记, 存在标识时, 下一页上一页代理中返回 nil
具体操作请根据自身项目调整
为何不直接使用分页循环中的 UITextView
可以尝试一下, 内存的飙升绝对酸爽, 我在模拟器上测试, 翻了几页直接飙到 150+ M, 目前的方案模拟器上最高稳定在 50 M 左右, 真机可以稳定在 20 M 左右
当然, 也有可能是我的方式有错误, 各位可以尝试各种方案