在 TextView (Android) 上获取给定偏移量的绝对位置

Question

我有一个 TextView，我想在 TextView 的给定单词上放置一个纯色块，例如：

“这是一个文本字符串，我想在这个 WORD 上放置一个矩形” - 所以，“WORD”将有一个带有纯色的矩形。

为此，我正在考虑重写 onDraw(Canvas canvas) 方法，以便在文本上绘制一个块。我唯一的问题是找到一种有效的方法来获取给定单词或字符的绝对位置。

基本上，我正在寻找与getOffsetForPosition(float x, float y) method完全相反的东西

Answer 1

根据这篇文章：How get coordinate of a ClickableSpan inside a TextView?，我设法使用此代码在文本顶部放置一个矩形：

protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    Paint paint = new Paint();
    paint.setStyle(Paint.Style.FILL);
    paint.setColor(Color.WHITE);

    // Initialize global value
    TextView parentTextView = this;
    Rect parentTextViewRect = new Rect();

    // Find where the WORD is
    String targetWord = "WORD";
    int startOffsetOfClickedText = this.getText().toString().indexOf(targetWord);
    int endOffsetOfClickedText = startOffsetOfClickedText + targetWord.length();

    // Initialize values for the computing of clickedText position
    Layout textViewLayout = parentTextView.getLayout();

    double startXCoordinatesOfClickedText = textViewLayout.getPrimaryHorizontal((int)startOffsetOfClickedText);
    double endXCoordinatesOfClickedText = textViewLayout.getPrimaryHorizontal((int)endOffsetOfClickedText);

    // Get the rectangle of the clicked text
    int currentLineStartOffset = textViewLayout.getLineForOffset((int)startOffsetOfClickedText);
    int currentLineEndOffset = textViewLayout.getLineForOffset((int)endOffsetOfClickedText);
    boolean keywordIsInMultiLine = currentLineStartOffset != currentLineEndOffset;
    textViewLayout.getLineBounds(currentLineStartOffset, parentTextViewRect);

    // Update the rectangle position to his real position on screen
    int[] parentTextViewLocation = {0,0};
    parentTextView.getLocationOnScreen(parentTextViewLocation);

    double parentTextViewTopAndBottomOffset = (
        //parentTextViewLocation[1] - 
        parentTextView.getScrollY() + 
        parentTextView.getCompoundPaddingTop()
    );

    parentTextViewRect.top += parentTextViewTopAndBottomOffset;
    parentTextViewRect.bottom += parentTextViewTopAndBottomOffset;

    // In the case of multi line text, we have to choose what rectangle take
    if (keywordIsInMultiLine){

        WindowManager wm = (WindowManager) getContext().getSystemService(Context.WINDOW_SERVICE);
        Display display = wm.getDefaultDisplay();

        int screenHeight = display.getHeight();
        int dyTop = parentTextViewRect.top;
        int dyBottom = screenHeight - parentTextViewRect.bottom;
        boolean onTop = dyTop > dyBottom;

        if (onTop){
            endXCoordinatesOfClickedText = textViewLayout.getLineRight(currentLineStartOffset);
        }
        else{
            parentTextViewRect = new Rect();
            textViewLayout.getLineBounds(currentLineEndOffset, parentTextViewRect);
            parentTextViewRect.top += parentTextViewTopAndBottomOffset;
            parentTextViewRect.bottom += parentTextViewTopAndBottomOffset;
            startXCoordinatesOfClickedText = textViewLayout.getLineLeft(currentLineEndOffset);
        }

    }

    parentTextViewRect.left += (
        parentTextViewLocation[0] +
        startXCoordinatesOfClickedText + 
        parentTextView.getCompoundPaddingLeft() - 
        parentTextView.getScrollX()
    );
    parentTextViewRect.right = (int) (
        parentTextViewRect.left + 
        endXCoordinatesOfClickedText - 
        startXCoordinatesOfClickedText
    );

    canvas.drawRect(parentTextViewRect, paint);
 }

Answer 2

您可以为此使用跨度。 首先你为你的文本创建一个spannable，像这样：

Spannable span = new SpannableString(text);

然后在要突出显示的单词周围加上一个跨度，有点像这样：

span.setSpan(new UnderlineSpan(), start, end, 
                     Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

不幸的是，我不知道现有的跨度会在单词周围加上边框。我找到了 UnderlineSpan，还有 BackgroundColorSpan，也许这些对你也有用，或者你可以看看代码，看看你是否可以基于其中之一创建一个 BorderSpan。

Answer 3

您可以简单地将其字符替换为适当的 unicode 符号，例如 U+25AE（▮ 黑色垂直矩形），而不是在 WORD 上绘制一个矩形。

所以你会得到

“这是一个文本字符串，我想在它上面放一个矩形▮▮▮▮”

如果这足够了。例如，请参阅 Wikipedia 以获取 unicode 符号的浪费列表。

如果您确实需要绘制该黑框，只要您的文本在一行中，您就可以执行以下操作：

按照here 的说明计算“WORD”之前的文本部分的宽度以找到框的左边缘并使用相同的方法计算“WORD”的宽度以找到框的宽度。

对于多行文本，解释的方法也可能有效，但我认为您必须在这里做很多工作。

Answer 4

使用getLayout().getLineBottom和textpaint.measureText手动进行getOffsetForPosition的逆运算。

下面是一个使用计算的 x,y 为一些 textOffset 来定位当 textview 被点击时可绘制的句柄的例子。

class TextViewCustom extends TextView{
    float lastX,lastY;
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        boolean ret = super.onTouchEvent(event);
        lastX=event.getX();
        lastY=event.getY();
        return ret;
    }

    BreakIterator boundary;
    Drawable handleLeft;
    private void init() {// call  it in constructors
        boundary = BreakIterator.getWordInstance();
handleLeft=getResources().getDrawable(R.drawable.abc_text_select_handle_left_mtrl_dark);
        setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                int line = getLayout().getLineForVertical((int) lastY);
                int offset = getLayout().getOffsetForHorizontal(line, lastX);
                int wordEnd = boundary.following(offset);
                int wordStart = boundary.previous();
                CMN.Log(getText().subSequence(wordStart, wordEnd));

                int y = getLayout().getLineBottom(line);
                int trimA = getLayout().getLineStart(line);
                float x = getPaddingLeft()+getPaint().measureText(getText(), trimA, wordStart);


                x-=handleLeft.getIntrinsicWidth()*1.f*9/12;
                handleLeft.setBounds((int)x,y,(int)(x+handleLeft.getIntrinsicWidth()),y+handleLeft.getIntrinsicHeight());
                invalidate();
            }
        });
    }

    @Override
    public void setText(CharSequence text, BufferType type) {
        super.setText(text, type);
        if(boundary!=null)
            boundary.setText(text.toString());
    }

}