Android Paint: .measureText () vs .getTextBounds ()

Я Paint.getTextBounds() текст с помощью Paint.getTextBounds() , так как мне интересно получить как высоту, так и ширину текста, который будет отображаться. Однако фактический текст, отображаемый всегда, немного шире, чем .width() информации Rect заполненной getTextBounds() .

К моему удивлению, я тестировал .measureText() и обнаружил, что он возвращает другое (более высокое) значение. Я попробовал и нашел это правильно.

Почему они сообщают о разной ширине? Как правильно получить высоту и ширину? Я имею в виду, я могу использовать .measureText() , но тогда я не знаю, должен ли я доверять .height() возвращаемому getTextBounds() .

В соответствии с запросом здесь приведен минимальный код для воспроизведения проблемы:

 final String someText = "Hello. I believe I'm some text!"; Paint p = new Paint(); Rect bounds = new Rect(); for (float f = 10; f < 40; f += 1f) { p.setTextSize(f); p.getTextBounds(someText, 0, someText.length(), bounds); Log.d("Test", String.format( "Size %f, measureText %f, getTextBounds %d", f, p.measureText(someText), bounds.width()) ); } 

Результат показывает, что разница не только больше 1 (и не является ошибкой округления последней минуты), но также увеличивается с увеличением (я собирался сделать больше выводов, но может быть полностью зависящим от шрифта):

 D/Test ( 607): Size 10.000000, measureText 135.000000, getTextBounds 134 D/Test ( 607): Size 11.000000, measureText 149.000000, getTextBounds 148 D/Test ( 607): Size 12.000000, measureText 156.000000, getTextBounds 155 D/Test ( 607): Size 13.000000, measureText 171.000000, getTextBounds 169 D/Test ( 607): Size 14.000000, measureText 195.000000, getTextBounds 193 D/Test ( 607): Size 15.000000, measureText 201.000000, getTextBounds 199 D/Test ( 607): Size 16.000000, measureText 211.000000, getTextBounds 210 D/Test ( 607): Size 17.000000, measureText 225.000000, getTextBounds 223 D/Test ( 607): Size 18.000000, measureText 245.000000, getTextBounds 243 D/Test ( 607): Size 19.000000, measureText 251.000000, getTextBounds 249 D/Test ( 607): Size 20.000000, measureText 269.000000, getTextBounds 267 D/Test ( 607): Size 21.000000, measureText 275.000000, getTextBounds 272 D/Test ( 607): Size 22.000000, measureText 297.000000, getTextBounds 294 D/Test ( 607): Size 23.000000, measureText 305.000000, getTextBounds 302 D/Test ( 607): Size 24.000000, measureText 319.000000, getTextBounds 316 D/Test ( 607): Size 25.000000, measureText 330.000000, getTextBounds 326 D/Test ( 607): Size 26.000000, measureText 349.000000, getTextBounds 346 D/Test ( 607): Size 27.000000, measureText 357.000000, getTextBounds 354 D/Test ( 607): Size 28.000000, measureText 369.000000, getTextBounds 365 D/Test ( 607): Size 29.000000, measureText 396.000000, getTextBounds 392 D/Test ( 607): Size 30.000000, measureText 401.000000, getTextBounds 397 D/Test ( 607): Size 31.000000, measureText 418.000000, getTextBounds 414 D/Test ( 607): Size 32.000000, measureText 423.000000, getTextBounds 418 D/Test ( 607): Size 33.000000, measureText 446.000000, getTextBounds 441 D/Test ( 607): Size 34.000000, measureText 455.000000, getTextBounds 450 D/Test ( 607): Size 35.000000, measureText 468.000000, getTextBounds 463 D/Test ( 607): Size 36.000000, measureText 474.000000, getTextBounds 469 D/Test ( 607): Size 37.000000, measureText 500.000000, getTextBounds 495 D/Test ( 607): Size 38.000000, measureText 506.000000, getTextBounds 501 D/Test ( 607): Size 39.000000, measureText 521.000000, getTextBounds 515 

Вы можете сделать то, что я сделал, чтобы проверить такую ​​проблему:

Изучите исходный код Android, источник Paint.java, см. Методы measureText и getTextBounds. Вы узнали бы, что measureText вызывает native_measureText, а getTextBounds вызывает nativeGetStringBounds, которые являются встроенными методами, реализованными на C ++.

Таким образом, вы продолжаете изучать Paint.cpp, который реализует оба.

Native_measureText -> SkPaintGlue :: measureText_CII

NativeGetStringBounds -> SkPaintGlue :: getStringBounds

Теперь ваше исследование проверяет, где эти методы отличаются. После некоторых проверок параметров обе функции вызова SkPaint :: measureText в Skia Lib (часть Android), но оба они называют другую перегруженную форму.

Копаясь дальше в Skia, я вижу, что оба вызова приводят к одному и тому же вычислению в одной и той же функции, а результат возвращает иначе.

Чтобы ответить на ваш вопрос: оба ваших вызова выполняют одинаковые вычисления. Возможная разница результатов заключается в том, что getTextBounds возвращает границы как целочисленные, а measureText возвращает значение float.

Итак, вы получаете ошибку округления при преобразовании float в int, и это происходит в Paint.cpp в SkPaintGlue :: doTextBounds при вызове функции SkRect :: roundOut.

Разница между вычисленной шириной этих двух вызовов может быть максимально 1.

EDIT 4 окт 2011

Что может быть лучше, чем визуализация. Я приложил все усилия, для собственного изучения и для достойной щедрости 🙂 Введите описание изображения здесь

Это размер шрифта 60, в красном – прямоугольник bounds , в фиолетовом – результат measureText.

Видно, что граница левой части начинается с нескольких пикселей слева, а значение measureText увеличивается на это значение как слева, так и справа. Это называется значением AdvanceX Glyph's AdvanceX. (Я обнаружил это в источниках Skia в SkPaint.cpp)

Таким образом, результат теста заключается в том, что measureText добавляет некоторое предварительное значение в текст с обеих сторон, в то время как getTextBounds вычисляет минимальные границы, где данный текст будет соответствовать.

Надеюсь, этот результат вам полезен.

Код тестирования:

  protected void onDraw(Canvas canvas){ final String s = "Hello. I'm some text!"; Paint p = new Paint(); Rect bounds = new Rect(); p.setTextSize(60); p.getTextBounds(s, 0, s.length(), bounds); float mt = p.measureText(s); int bw = bounds.width(); Log.i("LCG", String.format( "measureText %f, getTextBounds %d (%s)", mt, bw, bounds.toShortString()) ); bounds.offset(0, -bounds.top); p.setStyle(Style.STROKE); canvas.drawColor(0xff000080); p.setColor(0xffff0000); canvas.drawRect(bounds, p); p.setColor(0xff00ff00); canvas.drawText(s, 0, bounds.bottom, p); } 

Мой опыт в том, что getTextBounds вернет этот абсолютный минимальный ограничивающий прямоугольник, который инкапсулирует текст, а не обязательно измеренную ширину, используемую при рендеринге. Я также хочу сказать, что measureText предполагает одну строку.

Чтобы получить точные результаты измерения, вы должны использовать StaticLayout для визуализации текста и вытащить измерения.

Например:

 String text = "text"; TextPaint textPaint = textView.getPaint(); int boundedWidth = 1000; StaticLayout layout = new StaticLayout(text, textPaint, boundedWidth , Alignment.ALIGN_NORMAL, 1.0f, 0.0f, false); int height = layout.getHeight(); 

Мыши ответят отлично … И вот описание реальной проблемы:

Короткий простой ответ заключается в том, что Paint.getTextBounds(String text, int start, int end, Rect bounds) возвращает Rect который не начинается с (0,0) . То есть, чтобы получить фактическую ширину текста, который будет установлен путем вызова Canvas.drawText(String text, float x, float y, Paint paint) с тем же объектом Paint из getTextBounds (), вы должны добавить левую позицию Rect. Что-то вроде того:

 public int getTextWidth(String text, Paint paint) { Rect bounds = new Rect(); paint.getTextBounds(text, 0, end, bounds); int width = bounds.left + bounds.width(); return width; } 

Обратите внимание на это bounds.left – это ключ к проблеме.

Таким образом, вы получите ту же ширину текста, которую вы получили бы с помощью Canvas.drawText() .

И такая же функция должна быть для получения height текста:

 public int getTextHeight(String text, Paint paint) { Rect bounds = new Rect(); paint.getTextBounds(text, 0, end, bounds); int height = bounds.bottom + bounds.height(); return height; } 

П: Я не тестировал этот точный код, но проверял концепцию.


В этом ответе дается более подробное объяснение.

Извините за ответ на этот вопрос … Мне нужно было вставить изображение.

Я думаю, что результаты, полученные @mice, являются missleading. Наблюдения могут быть правильными для размера шрифта 60, но они становятся намного более разными, когда текст меньше. Например. 10px. В этом случае текст фактически рисуется ВПЕРЕД.

Введите описание изображения здесь

Исходный код скриншота:

  @Override protected void onDraw( Canvas canvas ) { for( int i = 0; i < 20; i++ ) { int startSize = 10; int curSize = i + startSize; paint.setTextSize( curSize ); String text = i + startSize + " - " + TEXT_SNIPPET; Rect bounds = new Rect(); paint.getTextBounds( text, 0, text.length(), bounds ); float top = STEP_DISTANCE * i + curSize; bounds.top += top; bounds.bottom += top; canvas.drawRect( bounds, bgPaint ); canvas.drawText( text, 0, STEP_DISTANCE * i + curSize, paint ); } } 

ОТКАЗ ОТ ОТВЕТСТВЕННОСТИ: Это решение не является на 100% точным с точки зрения определения минимальной ширины.

Я также выяснял, как измерить текст на холсте. Прочитав отличный пост от мышей, у меня возникли проблемы с измерением многострочного текста. Из этих вкладов нет очевидного пути, но после некоторого исследования я кулаком по классу StaticLayout. Он позволяет измерять многострочный текст (текст с «\ n») и настраивать гораздо больше свойств вашего текста с помощью связанной с ним Paint.

Вот фрагмент, показывающий, как измерять многострочный текст:

 private StaticLayout measure( TextPaint textPaint, String text, Integer wrapWidth ) { int boundedWidth = Integer.MAX_VALUE; if (wrapWidth != null && wrapWidth > 0 ) { boundedWidth = wrapWidth; } StaticLayout layout = new StaticLayout( text, textPaint, boundedWidth, Alignment.ALIGN_NORMAL, 1.0f, 0.0f, false ); return layout; } 

Оболочка может определять, хотите ли вы ограничить свой многострочный текст определенной шириной.

Поскольку StaticLayout.getWidth () возвращает только эту ограниченную ширину, вам нужно сделать еще один шаг, чтобы получить максимальную ширину, требуемую вашим многострочным текстом. Вы можете определить ширину каждой линии, а максимальная ширина – это максимальная ширина линии:

 private float getMaxLineWidth( StaticLayout layout ) { float maxLine = 0.0f; int lineCount = layout.getLineCount(); for( int i = 0; i < lineCount; i++ ) { if( layout.getLineWidth( 0 ) > maxLine ) { maxLine = layout.getLineWidth( 0 ); } } return maxLine; } 

Существует еще один способ точно определить границы текста, сначала вы должны получить путь к текущей Paint и тексту. В вашем случае это должно быть так:

 p.getTextPath(someText, 0, someText.length(), 0.0f, 0.0f, mPath); 

После этого вы можете позвонить:

 mPath.computeBounds(mBoundsPath, true); 

В моем коде он всегда возвращает правильные и ожидаемые значения. Но, не уверен, что он работает быстрее, чем ваш подход.

Вот как я вычислил реальные размеры для первой буквы (вы можете изменить заголовок метода в соответствии с вашими потребностями, т. Е. Вместо char[] использовать String ):

 private void calculateTextSize(char[] text, PointF outSize) { // use measureText to calculate width float width = mPaint.measureText(text, 0, 1); // use height from getTextBounds() Rect textBounds = new Rect(); mPaint.getTextBounds(text, 0, 1, textBounds); float height = textBounds.height(); outSize.x = width; outSize.y = height; } 

Обратите внимание, что я использую TextPaint вместо исходного класса Paint.