Как отобразить всплывающую подсказку над словом при нажатии на это слово (например, 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 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение
  • Почему я не могу войти в duolingo-api в Python с помощью duolingo.Duolingo('username', 'password')?
    Anonymous » » в форуме Python
    0 Ответы
    21 Просмотры
    Последнее сообщение Anonymous
  • Почему я не могу войти в Duoling-API в Python с Duolingo.duolingo («Имя пользователя», «Пароль»)?
    Anonymous » » в форуме Python
    0 Ответы
    15 Просмотры
    Последнее сообщение Anonymous
  • Как показать всплывающую подсказку в Android Jetpack Compose
    Anonymous » » в форуме Android
    0 Ответы
    26 Просмотры
    Последнее сообщение Anonymous
  • Как показать всплывающую подсказку в Android Jetpack Compose
    Anonymous » » в форуме Android
    0 Ответы
    9 Просмотры
    Последнее сообщение Anonymous
  • Я хочу отобразить динамическую легенду и всплывающую подсказку для codeigniter highchart.
    Anonymous » » в форуме Php
    0 Ответы
    9 Просмотры
    Последнее сообщение Anonymous

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