[发明专利]一种智能终端实现自适应笔记的方法、存储介质及电子设备

说明书

本发明公开了一种智能终端实现自适应笔记的方法，通过获取各个文字在整个文章完整显示时的绝对位置区域，在显示笔记图片时先根据偏移位置寻找锚点文字，再寻找对应的笔记图片，按照相对偏移量确定笔记图片的显示位置。利用本发明，能够做到即使文章显示区域改变了或者文章字体大小改变了，照样可以实现笔记图片与对应文字的同步跟随效果。

技术领域

本发明涉及智能终端技术领域，具体涉及一种智能终端实现自适应笔记的方法、存储介质及电子设备。

背景技术

在使用智能终端（尤其是手机和平板）通过应用程序看文章时，有时想采用像纸质书本一样的方式直接在文章里面做笔记（画线或者书写文字等等），即笔记与文章中的文字是同步的。当当滑动屏幕滚动文章时，笔记也跟随文字一起滚动。中国专利申请ZL201511016766X针对文章跟随的笔记功能提供了实现方法，但是此方法实现的笔记只适合在某一种终端上按照固定字体大小显示，如果文章在不同分辨率的智能终端上显示或者在同一终端上字体大小改变了，文章排版必然会变化，这样的话笔记跟文章就无法对应上了。

发明内容

针对现有技术的不足，本发明旨在提供一种智能终端实现自适应笔记的方法、存储介质及电子设备。

为了实现上述目的，本发明采用如下技术方案：

一种智能终端实现自适应笔记的方法，具体过程为：

总体笔记视图分为下层的文章视图和上层的笔记视图；文章视图可以上下滚动，定义为ArticleView，并且定义文章视图的大小为在逻辑上将文章全部显示出来后的整个视图大小；用户能看得到文章内容的区域定义为文章显示区域，文章显示区域位置始终是不变的，当上下划屏滚动时实际上是文章视图在上下滚动，文章视图会实时把处于文章显示区域位置内的文章内容展现出来；笔记视图定义为NoteView，ArticleView在上下滚动过程中，可通过调用NoteView的回调函数把当前的滚动位置实时传递给NoteView，ArticleView当前的滚动位置定义为ArticleView.offsetY；

ArticleView在加载一篇文章内容时，首先遍历整篇文章的字符数组，根据文章显示区域、排版信息、每个字符的显示宽度和高度以及图片的宽高计算逻辑上完整显示整篇文章后的总长度，并将长度设置为ArticleView的长度；在整个遍历过程中同时会保存文章中各个文字在ArticleView中的绝对位置区域Rect（top,bottom,left,right），即Rect值，并将所有文字的Rect值构成的数组命名为charsRectBuf；把charsRectBuf传递给NoteView；文字是指去掉文章字符数组中所有标签后剩下的文字和图片占位符，图片占位符是指把一张图片看作是一个特殊的文字；绝对位置区域是指ArticleView逻辑上完整显示整个文章时每个文字在ArticleView中的显示区域；Rect（top,bottom,left,right）中，left和top分别表示绝对位置区域的左上角横坐标和纵坐标，right和bottom分别表示绝对位置区域的右下角横坐标和纵坐标；

当用户做笔记的时候，实质是拖动画笔在NoteView上画线、写字等等，NoteView在展示用户所画内容的同时记录下每次画笔对应的down、move、up触摸消息的坐标值，当收到up消息时表示画笔已经抬起，完成一个笔记，这时将已经记录本次画笔的down、move、up的坐标值加上ArticleView.offsetY，得到此次的笔记显示区域的Rect值，该显示区域是能够包括此次画笔操作所包含的down、move、up消息所有坐标值的最小矩形；当用户再次拿起画笔做笔记又会得到另一个笔记显示区域Rect值；

保存笔记时，NoteView查找锚点文字并计算相对位置偏移量：遍历charsRectBuf，确定每个笔记显示区域左上角坐标（Rect.left,Rect.top）对应的锚点文字以及与该锚点文字的绝对位置区域左上角坐标的相对偏移量（offsetX，offsetY）并记录；