制作安卓PDF阅读器:四、实现文本选择之放大镜、长按拖动

看到一篇知乎上的文章,《这可能是最好用的一款 PDF 阅读、批注工具~如果他称第二,没人敢称第一!》,看了后下载试用,还好。单就触屏体验而言,没他说的那么好听。

这类国产APP的门面都是非常好看的,不论是图标还是动画效果。

比如 ( 轻快PDF阅读器 ):

漂亮的图标,给画家点赞!

再如( PDF Viewer - com.pspdfkit.viewer ):

竟然连小图标都有渐变效果,膜拜!菜单的弹出方式也十分舒适。

但是它们都没有我想要的功能!比如“轻快PDF”,界面虽美,功能却简单了些。没记错的话,它似乎有一个吊炸天、美艳无敌的工具边栏,然而却连文本分享都没得。

PDF Viewer 的功能有很多,使用的话需要一定的适应时间。其文本选择没有中文分词功能,长按有时直接选择了一整行;加之惯性滑动、单指双击缩放这两个触屏操作处理得不是很好,手机上使用不太方便。

PDF Viewer 是商业开发套件 PSPDFKit 的具体产品。有意思的是,PSPDFKit 同样是基于 PDFium 的,只不过开发商进行了深入优化改造,甚至还回馈了一部分代码给 PDFium。

那么接着上文,继续来实现放大镜效果吧!

原生 TextView 的放大镜其实可有可无,特别是单行 EditText 的那种,放大镜反而会遮蔽视野。无奈安卓平台并未给出正式的开/关功能,只能自己 HACK 放大镜。

而移动平台的 PDF 阅读器则截然不同,因为页面缩放比是随意可变的,放大镜显得尤为重要。

源码地址:https://github.com/KnIfER/PolymPic

一、以屏幕触点为中心,绘制放大镜。

与绘制PDF相同,且直接复用绘制高清铺块时缓存的drawingBucket数组。为实现放大效果,source 坐标转换 view 坐标的方法需要少许修改:

    void sourceToMagViewRectF(@NonNull RectF sRect, @NonNull Rect vTarget) {
        float scaleFactor=1.5f;
        float scale = pDocView.scale;
        float newScale = scale*scaleFactor;



        ![1]  首先,减去屏幕触点的屏幕空间坐标,结果,此后画布绘制的PDF将以原触点位置的PDF像素为左上角。
        float vx = pDocView.vTranslate.x-pDocView.lastX;
        float vy = pDocView.vTranslate.y-pDocView.lastY;
        
        ![2] 应用放大效果,结果,仍然以原触点位置的PDF像素为左上角,但变大了。
        vx*=scaleFactor;
        vy*=scaleFactor;
        
        scale = newScale;
        
        ![3] 最后,再次移位,让原触点位置的PDF像素绘制于放大镜正中央。
        vx+=magW*0.5f;
        vy+=magH*0.5f;
        
        ![] 这是原本的 source 坐标(位于超级大图中)转换 view  坐标(位于屏幕空间)的方法,应用于矩形的四个顶点。
        vTarget.set(
                (int) (sRect.left * scale + vx),
                (int) (sRect.top * scale + vy),
                (int) (sRect.right * scale + vx),
                (int) (sRect.bottom * scale + vy)
        );
        
    }

写这段代码时,想象先让放大镜绘制一模一样的PDF内容,然后移位[1],放大[2],最后再次移位[3]。调试时,至少要先看到放大镜中的画面,并且内容随触点移动而移动。放大镜本身绘制在哪里无关紧要,因为那是下一段文章要解决的事情。

二、放大镜圆角、跟手。

多方衡量后,决定在这方面效仿 ezpdfreader。

ezpdf reader 的放大镜除了圆角外,底部还有着对话框一样的小三角尖,其实这和圆角的原理是一样的,都可以用 canvas.clipPath 达成,不过手上暂时没有对话框路径的生成方式,所以先实现最简单的圆角吧!

首先,定义用于裁切画布的 Path

    Path magClipper;
    RectF magClipperR;

然后,只需初始化一次 Path 形状,之后每次在 draw 之前调用 canvas.clipPath(path) 即可。

    private void initMagnifier() {
        //setLayerType(LAYER_TYPE_NONE,null);
        cc = new Canvas(PageCache= Bitmap.createBitmap(magW,magH,Bitmap.Config.ARGB_8888));
        PageCacheDrawable = new BitmapDrawable(getResources(), PageCache);
        frameDrawable = getResources().getDrawable(R.drawable.frame);
        framew=getResources().getDimension(R.dimen.framew);
        magClipper = new Path();
        magClipperR = new RectF(PageCacheDrawable.getBounds());
        magClipper.reset();
        magClipperR.set(0,0,magW,magH);
        magClipper.addRoundRect(magClipperR,framew+5,framew+5,Path.Direction.CW);
    }

各类阅读器放大镜跟随屏幕触点移动的方案各不相同。我的选择依然与 ezpdfreader 类似:始终绘制放大镜,放大镜跟手,控点 handle 不跟手。

有了放大镜后,方能进一步细致地调整相关参数和机制。下面实现长按,之前都是单击直接触发选择的。

三、长按和长按托选。

长按后直接移动,相当于在选择文本之后,立即移动右边的控点,较为便捷。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,013评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,205评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,370评论 0 342
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,168评论 1 278
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,153评论 5 371
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,954评论 1 283
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,271评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,916评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,382评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,877评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,989评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,624评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,209评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,199评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,418评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,401评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,700评论 2 345