Как сохранить точную позицию аккорда над словом в Textview?

Question

[Daniel Khaliulin]

Контекст:
мобильное приложение с песнями и аккордами для пения под гитару.

Задача:
Необходимо, чтобы в тексте песни сверху над словами были указаны аккорды. Аккорды должны быть выделены жирным. При этом аккорды должны располагаться над теми частями текста, где необходим переход именно на этот аккорд - такая задача реализована путём расставления пробелов между аккордами над текстом самой песни.
В качестве исходных данных нам даны тексты песен (txt), где с помощью пробелов сдвинуты аккорды на нужные места.

Пример:


Как бы вы решили эту задачу?

UPD1: Пробовал забирать весь текст из файла в строку, добавлять теги переноса строк, заменять пробелы на   и с помощью Html.fromHtml(data) переводить всё в HTML, но отчего-то аккорды всё равно немного съезжают (выделил там, где съехало).

data = data.replaceAll("(\\r|\\n)", "<br>");
data = data.replace(" ", "&nbsp;&nbsp;");
tv.setText(Html.fromHtml(data));

Answer 1

[Петр]

Я бы написал custom view.
В этом случае я буду точно знать все позиции.

Comments

[Daniel Khaliulin]

Петр, а можете пояснить, как вы видете реализацию такого custom view? Как вы будете точно знать все позиции?

[Петр]

khaliulin: Когда я сам отрисовываю контент во View я могу получать ширину слов через getTextBounds для используемого шрифта и точно делать выравнивание.

[Daniel Khaliulin]

khaliulin: *видИте (какой кошмар)

[Daniel Khaliulin]

Петр: Спасибо! С отрисовкой более менее ясно.
Если не сложно, объясните, пожалуйста, на примере моего конкретного случая, как бы вы реализовали выравнивание по данным от getTextBounds? Надеюсь, это не займет много вашего времени.

[Петр]

khaliulin: В методе onDraw вашего View делаете отрисовку строк песни. Т.е. предварительно разбиваете предложение на слова или блоки слов (если есть привязка к аккордам). Получаете ширину текта аккорда, получаете ширину текста блока paint.getTextBounds(text, 0, text.length(), textBoundRect); Высчитываете из полученных данных позицию аккорда, отрисовываете, ниже отрисовываете тест. И так повторяете до ширины View. Переходите к следующей видимой строке.

Answer 2

[Dum_spiro_spero]

Вот вам не очень свежая мысль.
Аккорды меняются на слоге. Сделайте подсветку или подчеркивание нужного слога - будет ясно, что там уже должны быть новый аккорд.
Успехов!

Comments

[Daniel Khaliulin]

Спасибо) Можно использовать в качестве вокрэраунда.