美文网首页Android-阅读器系列安卓开发
FBReader 源码阅读笔记(二)

FBReader 源码阅读笔记(二)

作者: 初见破晓 | 来源:发表于2017-06-14 10:49 被阅读770次

    给简书写没纸了,在弄一个新页吧


    十二、绘制逻辑

    估计了解阅读器原理的人会说, 怎么先说绘制,为什么fbreader 怎么生成的Model,并且怎么计算的排版的为什么不写在前面?

    之前不了解阅读器,我还以为是在做绘制的时候进行的排版处理呢,蜜汁尴尬啊!

    fbreader的主要绘制流程实在ZLTextView里,这个类叫view,但是,他其实不是继承自Android的view类。只是叫这个名字而已。

    首先,我们还是看FBReader 的 openBook 方法。并一路跟下去在FBReaderApp的openBookInternal方法中会调用 setView(BookTextView);

    调用了widget 的 repaint 方法,这个weight是ZLAndroidWidget

    ZLAndroidWidget::repaint()
    
      @Override
        public void repaint() {
            postInvalidate();
        }
    

    就这一句,那就看onDraw吧

    ZLAndroidWidget::onDraw(final Canvas canvas)
    
        @Override
        protected void onDraw(final Canvas canvas) {
            final Context context = getContext();
            if (context instanceof FBReader) {
                ((FBReader) context).createWakeLock();// 开启不断重绘自身的定时器
            } else {
                System.err.println("A surprise: view's context is not an FBReader");
            }
            super.onDraw(canvas);
    
            if (getAnimationProvider().inProgress()) {
                onDrawInScrolling(canvas);
            } else {
                onDrawStatic(canvas);
                ZLApplication.Instance().onRepaintFinished();
            }
        }
    

    最重要的也就是onDrawStatic(canvas);这个了。

    我们看选中的这一句

    这里执行了myWidget的drawOnBitmap方法

    调用了paint方法
    这个view是ZLView的一个子类,直接看ZLTextView的paint

    ZLTextView::paint(ZLPaintContext context, PageIndex pageIndex)
    
    /**
         * 绘制阅读界面
         */
        @Override
        public synchronized void paint(ZLPaintContext context, PageIndex pageIndex) {
            setContext(context);
            // 壁纸
            final ZLFile wallpaper = getWallpaperFile();
            if (wallpaper != null) {
                context.clear(wallpaper, getFillMode());
            } else {
                context.clear(getBackgroundColor());
            }
    
            // 判断文章为空的情况
            if (myModel == null || myModel.getParagraphsNumber() == 0) {
                return;
            }
    
            ZLTextPage page;
            LogUtils.d("ZLTextView -> paint pageIndex: " + pageIndex);
            switch (pageIndex) {
                default:
                case current:
                    page = myCurrentPage;
                    break;
                case previous:
                    page = myPreviousPage;
                    if (myPreviousPage.PaintState == PaintStateEnum.NOTHING_TO_PAINT) {
                        preparePaintInfo(myCurrentPage);
                        myPreviousPage.EndCursor.setCursor(myCurrentPage.StartCursor);
                        myPreviousPage.PaintState = PaintStateEnum.END_IS_KNOWN;
                    }
                    break;
                case next:
                    page = myNextPage;
                    if (myNextPage.PaintState == PaintStateEnum.NOTHING_TO_PAINT) {
                        preparePaintInfo(myCurrentPage);
                        myNextPage.StartCursor.setCursor(myCurrentPage.EndCursor);
                        myNextPage.PaintState = PaintStateEnum.START_IS_KNOWN;
                    }
            }
    
            page.TextElementMap.clear();
            // 进行绘制之前的准备
            preparePaintInfo(page);
    
            if (page.StartCursor.isNull() || page.EndCursor.isNull()) {
                return;
            }
    
            final ArrayList<ZLTextLineInfo> lineInfos = page.LineInfos;
            final int[] labels = new int[lineInfos.size() + 1];
            int x = getLeftMargin();
            int y = getTopMargin();
            int index = 0;
            ZLTextLineInfo previousInfo = null;
            for (ZLTextLineInfo info : lineInfos) {
                info.adjust(previousInfo);
                prepareTextLine(page, info, x, y);
                y += info.Height + info.Descent + info.VSpaceAfter;
                labels[++index] = page.TextElementMap.size();
                if (index == page.Column0Height) {
                    y = getTopMargin();
                    x += page.getTextWidth() + getSpaceBetweenColumns();
                }
                previousInfo = info;
            }
    
            x = getLeftMargin();
            y = getTopMargin();
            index = 0;
            for (ZLTextLineInfo info : lineInfos) {
                drawHighlightings(page, info, labels[index], labels[index + 1], x, y);
                y += info.Height + info.Descent + info.VSpaceAfter;
                ++index;
                if (index == page.Column0Height) {
                    y = getTopMargin();
                    x += page.getTextWidth() + getSpaceBetweenColumns();
                }
            }
            // 绘制这行文字
            x = getLeftMargin();
            y = getTopMargin();
            index = 0;
            for (ZLTextLineInfo info : lineInfos) {
                drawTextLine(page, info, labels[index], labels[index + 1]);
                y += info.Height + info.Descent + info.VSpaceAfter;
                ++index;
                if (index == page.Column0Height) {
                    y = getTopMargin();
                    x += page.getTextWidth() + getSpaceBetweenColumns();
                }
            }
    
            // 绘制被选择的文字的区域
            final ZLTextRegion selectedElementRegion = getSelectedRegion(page);
            if (selectedElementRegion != null && myHighlightSelectedRegion) {
                selectedElementRegion.draw(context);
            }
    
            // 绘制选择文字时左右两个拖动柄
            drawSelectionCursor(context, getSelectionCursorPoint(page, ZLTextSelectionCursor.Left));
            drawSelectionCursor(context, getSelectionCursorPoint(page, ZLTextSelectionCursor.Right));
        }
    

    看到了drawTextLine这一句,正是绘制文字的相关方法了,这个方法就不贴了,其实也没有什么,就是根据绘制的一些信息,绘制文字罢了。绘制是以文字为单位,一个一个绘制到bitmap上去的。

    我也是这个时候才发现,原来,阅读器是先解析文件,然后进行排版(姑且叫他排版吧),然后进行绘制,是一条线下来的

    十三、排版资源

    fbreader解析epub的部分看了没啥意思,也就是按照epub格式进行解析。网上有很多想这样的库。所以,忘记这个, 直接看Model是怎么生成的吧!

    在绘制的时候,绘制文字调用了ZLTextView这个类的drawTextLine这个方法
    从代码上来看,绘制的时候取得了paragraph.getElement(wordIndex)进行绘制
    paragraph是通过info.ParagraphCursor 得到的 , info是上面的lineInfos循环得到的子项的对象, 而lineInfos是page.LineInfos 得到的,而page是构造的时候new 出来的, 知道paint调用的时候经过了preparePaintInfo()方法的调用,才会赋值。

    有点乱, 想直接分析paint方法,在preparePaintInfo(page);方法之前,参数page还是一个初始化的状态,看没有看到相关的书的信息。那么给page复制时一定就是这个方法起到了作用。

    最重要的方法就是ZLTextView::preparePaintInfo(ZLTextPage page)其中的核心方法是ZLTextView::buildInfos(ZLTextPage page, ZLTextWordCursor start, ZLTextWordCursor result)代码比较负责,我理解的不是很透彻。只能说个大概:

    • 先绘制当前页
    • 绘制下一页的时候,将当前页的最后的指针给下一页
    • 绘制上一页的时候,将上一页的尾指针给当前页的头指针
    • 排版满一行获取下一行的信息
    • 排版满一页获取下一页的信息

    这里会存在一个问题,但我在绘制的时候,其实我是只知道当前也的文字,全本书是看不到的,fbreader是当每次翻页的时候才会排版绘制。并且,排版完之后就进行绘制。

    十四、绘制当前页所在的章节数

    正如上面一段说的, 在绘制的时候。其实是拿不到整章的数据的。看了一个下午。发现fbreader中提供了一个这样的方法

    这段代码在ZLTextView::buildInfos中。可以看到它但排版完一页之后,会判断了一下这不是这一章的结束。如果他们判断出是不是这一样的结束,那一定就有办法判断当前页属于那一章。

    这个方法存在与ZLTextParagraphCursor类中,那么我在绘制的时候可以拿到当前页,我们可以看一下它的bean。

    EndCursor这个指针就代表当前页的之后尾指针,我们要判断它是不是这一章的末尾。

    ZLTextParagraphCursor::isEndOfSection
    
    public boolean isEndOfSection() {
        return Model.getParagraph(Index).getKind() == ZLTextParagraph.Kind.END_OF_SECTION_PARAGRAPH;
    }
    

    主要是判断Model 的 getParagraph的之的kind,再继续跟getParagraph方法

    ZLTextPlainModel::getParagraph(int index)
    
    public final ZLTextParagraph getParagraph(int index) {
        final byte kind = myParagraphKinds[index];
        return (kind == ZLTextParagraph.Kind.TEXT_PARAGRAPH) ?
                new ZLTextParagraphImpl(this, index) :
                new ZLTextSpecialParagraphImpl(kind, this, index);
    }
    

    查找了myParagraphKinds的index个元素, 然后构建了一个ZLTextParagraph 。
    虽然我现在还不知道myParagraphKinds和index的具体意义。但我要是将当前页之前的所有Index之前的元素一一判断是不是isEndOfSection,然后手动计数,我就可以知道他是第几章的。问题就是我要遍历myParagraphKinds,而且越到后面,代价越大。但是这也是我相出来的唯一办法。先有在好,满足需求吧!(我从网上下了一本书,大概有一百多章,一万两千多页,这个Index会达到六十多万,手动滑稽)

    思路有了开始动手,在ZLTextParagraphCursor类中增加一段

    在绘制的时候,拿到当前页page

    int chapterIndex = page.EndCursor.getParagraphCursor().getChapterIndex();
    
    

    相关文章

      网友评论

      • c25fe4cb884f:请问如何实现pdf阅读?说是安装一个pdf插件,但我安装了还是打不开。

      本文标题:FBReader 源码阅读笔记(二)

      本文链接:https://www.haomeiwen.com/subject/dsdtqxtx.html