我正在为 Android 编写一个简单的文本/电子书查看器，所以我使用 TextView 向用户显示 HTML 格式的文本，以便他们可以通过返回和浏览页面中的文本向前。但我的问题是我无法在 Android 中对文本进行分页。

我不能(或者我不知道如何)从 TextView 用来将文本分成行和页的换行和分页算法中获得适当的反馈。因此，我无法理解内容在实际显示中的结束位置，因此我从下一页的剩余部分继续。我想找到解决这个问题的方法。

如果我知道屏幕上最后绘制的字符是什么，我可以轻松地放置足够的字符来填满屏幕，并且知道实际绘制完成的位置，我可以继续下一页。这可能吗？怎么样？

在 StackOverflow 上已多次提出类似问题，但未提供令人满意的答案。这些只是其中的一部分:

• How to paginate long text into pages in Android?
• Ebook reader pagination issue in android
• Paginate text based on rendered text size

只有一个答案，似乎可行，但速度很慢。它添加字符和行，直到页面被填满。我不认为这是进行分页的好方法:

• How to break styled text into pages in Android?

不是这个问题，而是 PageTurner eBook reader 大部分是正确的，虽然它有点慢。

• https://github.com/nightwhistler/pageturner

PS:我并不局限于 TextView，而且我知道换行和分页算法可能非常复杂(as in TeX)，所以我不是在寻找最佳答案，而是在寻找一个相当快速的解决方案，可以可供用户使用。

更新:这似乎是获得正确答案的良好开端:

Is there a way of retrieving a TextView's visible line count or range?

答案: 完成文字排版后，可以找出可见的文字:

ViewTreeObserver vto = txtViewEx.getViewTreeObserver();
        vto.addOnGlobalLayoutListener(new OnGlobalLayoutListener() {
            @Override
            public void onGlobalLayout() {
                ViewTreeObserver obs = txtViewEx.getViewTreeObserver();
                obs.removeOnGlobalLayoutListener(this);
                height = txtViewEx.getHeight();
                scrollY = txtViewEx.getScrollY();
                Layout layout = txtViewEx.getLayout();

                firstVisibleLineNumber = layout.getLineForVertical(scrollY);
                lastVisibleLineNumber = layout.getLineForVertical(height+scrollY);

            }
        });

最佳答案

新答案

PagedTextView 库(在 Kotlin 中)通过扩展 Android TextView 总结了以下谎言算法。 sample app演示库的用法。

设置

dependencies {
    implementation 'com.github.onikx:pagedtextview:0.1.3'
}

用法

<com.onik.pagedtextview.PagedTextView
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

旧答案

下面的算法在TextView本身的分离中实现了文本分页，缺少TextView属性和算法配置参数的同时动态变化。

背景

我们对 TextView 中的文本处理的了解是，它会根据 View 的宽度正确地按行分隔文本。看着TextView's sources我们可以看到文本处理是由 Layout 完成的。类(class)。所以我们可以利用 Layout 类为我们所做的工作，并利用它的方法进行分页。

问题

TextView 的问题是文本的可见部分可能会在最后一条可见行的中间某处被垂直剪切。关于上面说的，当遇到完全适合 View 高度的最后一行时，我们应该打破一个新页面。

算法

• 我们遍历文本行并检查该行的 bottom 是否超过 View 的高度；
• 如果是这样，我们会打开一个新页面并计算累积高度的新值，以将以下行的 bottom 与(查看实现)进行比较。新的值被定义为没有放入上一页的行的top值(下图中的红线)+TextView的 高度。

实现

public class Pagination {
    private final boolean mIncludePad;
    private final int mWidth;
    private final int mHeight;
    private final float mSpacingMult;
    private final float mSpacingAdd;
    private final CharSequence mText;
    private final TextPaint mPaint;
    private final List<CharSequence> mPages;

    public Pagination(CharSequence text, int pageW, int pageH, TextPaint paint, float spacingMult, float spacingAdd, boolean inclidePad) {
        this.mText = text;
        this.mWidth = pageW;
        this.mHeight = pageH;
        this.mPaint = paint;
        this.mSpacingMult = spacingMult;
        this.mSpacingAdd = spacingAdd;
        this.mIncludePad = inclidePad;
        this.mPages = new ArrayList<>();

        layout();
    }

    private void layout() {
        final StaticLayout layout = new StaticLayout(mText, mPaint, mWidth, Layout.Alignment.ALIGN_NORMAL, mSpacingMult, mSpacingAdd, mIncludePad);

        final int lines = layout.getLineCount();
        final CharSequence text = layout.getText();
        int startOffset = 0;
        int height = mHeight;

        for (int i = 0; i < lines; i++) {
            if (height < layout.getLineBottom(i)) {
                // When the layout height has been exceeded
                addPage(text.subSequence(startOffset, layout.getLineStart(i)));
                startOffset = layout.getLineStart(i);
                height = layout.getLineTop(i) + mHeight;
            }

            if (i == lines - 1) {
                // Put the rest of the text into the last page
                addPage(text.subSequence(startOffset, layout.getLineEnd(i)));
                return;
            }
        }
    }

    private void addPage(CharSequence text) {
        mPages.add(text);
    }

    public int size() {
        return mPages.size();
    }

    public CharSequence get(int index) {
        return (index >= 0 && index < mPages.size()) ? mPages.get(index) : null;
    }
}

注 1

该算法不仅适用于 TextView(Pagination 类在上面的实现中使用 TextView 的 参数)。您可以传递 StaticLayout 接受的任何参数集，然后使用分页布局在 Canvas 上绘制文本/Bitmap/PdfDocument .

您还可以将 Spannable 作为 yourText 参数用于不同的字体以及 Html 格式的字符串( 就像下面的示例一样)。

注2

当所有文本的字体大小相同时，所有行的高度相同。在这种情况下，您可能需要考虑通过计算适合单个页面的行数并在每次循环迭代时跳转到正确的行来进一步优化算法。

示例

下面的示例对包含 html 和 Spanned 文本的字符串进行分页。

public class PaginationActivity extends Activity {
    private TextView mTextView;
    private Pagination mPagination;
    private CharSequence mText;
    private int mCurrentIndex = 0;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_pagination);

        mTextView = (TextView) findViewById(R.id.tv);

        Spanned htmlString = Html.fromHtml(getString(R.string.html_string));

        Spannable spanString = new SpannableString(getString(R.string.long_string));
        spanString.setSpan(new ForegroundColorSpan(Color.BLUE), 0, 24, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
        spanString.setSpan(new RelativeSizeSpan(2f), 0, 24, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
        spanString.setSpan(new StyleSpan(Typeface.MONOSPACE.getStyle()), 0, 24, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
        spanString.setSpan(new ForegroundColorSpan(Color.BLUE), 700, spanString.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
        spanString.setSpan(new RelativeSizeSpan(2f), 700, spanString.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
        spanString.setSpan(new StyleSpan(Typeface.MONOSPACE.getStyle()), 700, spanString.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

        mText = TextUtils.concat(htmlString, spanString);

        mTextView.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
            @Override
            public void onGlobalLayout() {
                // Removing layout listener to avoid multiple calls
                mTextView.getViewTreeObserver().removeOnGlobalLayoutListener(this);
                mPagination = new Pagination(mText,
                        mTextView.getWidth(),
                        mTextView.getHeight(),
                        mTextView.getPaint(),
                        mTextView.getLineSpacingMultiplier(),
                        mTextView.getLineSpacingExtra(),
                        mTextView.getIncludeFontPadding());
                update();
            }
        });

        findViewById(R.id.btn_back).setOnClickListener(v -> {
            mCurrentIndex = (mCurrentIndex > 0) ? mCurrentIndex - 1 : 0;
            update();
        });
        findViewById(R.id.btn_forward).setOnClickListener(v -> {
            mCurrentIndex = (mCurrentIndex < mPagination.size() - 1) ? mCurrentIndex + 1 : mPagination.size() - 1;
            update();
        });
    }

    private void update() {
        final CharSequence text = mPagination.get(mCurrentIndex);
        if(text != null) mTextView.setText(text);
    }
}

Activity的布局:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <Button
            android:id="@+id/btn_back"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="@android:color/transparent"/>

        <Button
            android:id="@+id/btn_forward"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="@android:color/transparent"/>

    </LinearLayout>

    <TextView
        android:id="@+id/tv"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</RelativeLayout>

截图:

关于java - Android中的分页文本，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31837840/