Как отобразить всплывающую подсказку над словом при нажатии на это слово (например, Duolingo) в Jetpack ComposeAndroid

Форум для тех, кто программирует под Android
Ответить
Anonymous
 Как отобразить всплывающую подсказку над словом при нажатии на это слово (например, Duolingo) в Jetpack Compose

Сообщение Anonymous »

Я пытаюсь добавить в свое приложение Jetpack Compose функцию, при которой, когда пользователь нажимает на слово, над или под этим словом появляется всплывающая подсказка, как в Duolingo:
< img alt="пример duolingo" src="Изображение" />
На данный момент у меня есть AnnotatedString, которая может напечатать слово при нажатии. Вот как я генерирую эту AnnotatedString на основе входной строки:

Код: Выделить всё

val input = // get some string input from user
val words = input.parseInput() // split a String into a list of words and spaces (e.g. "Hello world" -> ["Hello", " ", "world"])
data class AnnotatedWord(word: String,  tag: String)
val annotatedWords = emptyList()
var wordIndex = 0
val annotatedString = buildAnnotatedString {
words.forEach { word ->
if (word == " ") {
append(word)
continue
}
val tag = "${word}:${wordIndex++}"
pushStringAnnotation(tag = tag, annotation = tag)
withStyle(style = SpanStyle(textDecoration = TextDecoration.Underline)) {
append(word)
}
pop()
annotatedWords.add(AnnotatedWord(word, tag))
}
}
И вот как я это показываю с помощью прослушивателя кликов:

Код: Выделить всё

ClickableText(
text = annotatedString,
onClick = { index ->
val annotation = annotatedString.getStringAnnotations(start = index, end = index).firstOrNull()
if (annotation != null) {
val tag = annotation.tag
val matchingWord = annotatedWords.find { it.tag == tag }
print(matchingWord.word)
}
}
)
Это работает хорошо: я получаю строку, в которой каждое слово подчеркнуто, и при нажатии на слово она печатается. Однако я борюсь с частью всплывающей подсказки. Я думаю, что могу отобразить всплывающую подсказку, вложив ClickableText в поле, поместив всплывающую подсказку внутри этого поля и расположив его над словом с помощью Modifier.offset(). Однако я не уверен, как получить это смещение, не говоря уже о том, как передать его в мой составной объект из AnnotatedString.

Подробнее здесь: https://stackoverflow.com/questions/783 ... e-duolingo
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Android»