Создайте музыку, воспроизводимую анимацию на композите ⇐ Android

[Anonymous]

Я работаю над проектом, который создает карты, чтобы увидеть, что слушают ваши друзья. < /p>
@Composable
fun FriendCard(friend: User, recentTracks: RecentTracks?) {
var albumNameWidth by remember { mutableStateOf(200.dp) }
Card(
modifier = Modifier
.padding(8.dp)
.fillMaxWidth()
) {
Row(
modifier = Modifier
.padding(8.dp)
.fillMaxWidth(),
verticalAlignment = Alignment.CenterVertically
) {
Column(
horizontalAlignment = Alignment.Start,
) {
recentTracks?.track?.firstOrNull()?.let { track ->
Text(
text = track.name,
style = MaterialTheme.typography.titleMedium,
maxLines = 1,
modifier = Modifier
.width(750.dp)
.basicMarquee()
)
Row(
modifier = Modifier.fillMaxWidth(),
horizontalArrangement = Arrangement.SpaceBetween
) {
albumNameWidth =
if (track.dateInfo?.formattedDate == null) 230.dp else 200.dp
Text(
text = track.album.name.ifEmpty { stringResource(R.string.unknown_album) },
style = MaterialTheme.typography.labelLarge.copy(
color = MaterialTheme.colorScheme.onSurface
),
maxLines = 1,
modifier = Modifier
.padding(end = 8.dp)
.width(albumNameWidth)
.basicMarquee()
)
if (track.dateInfo?.formattedDate == null) {
//if the person is listening to it right now
Icon(
imageVector = Icons.Default.PlayArrow,
tint = MaterialTheme.colorScheme.onSurfaceVariant,
contentDescription = stringResource(R.string.now_playing),
modifier = Modifier.align(Alignment.CenterVertically)
)
} else {
Text(
text = formatData(track.dateInfo.formattedDate),
style = MaterialTheme.typography.labelLarge.copy(
color = MaterialTheme.colorScheme.onSurfaceVariant,
fontSize = 13.sp
),
maxLines = 1,
modifier = Modifier.align(Alignment.CenterVertically)
)
}
}
} ?: Text(
text = stringResource(id = R.string.no_recent_tracks),
style = MaterialTheme.typography.bodySmall.copy(
color = MaterialTheme.colorScheme.onSurfaceVariant
)
)
}
}
}
}
< /code>
В настоящее время, когда кто -то слушает музыку в настоящее время, когда приложение открыто, оно отображает простой значок «воспроизведения» из библиотеки значков материалов. Тем не менее, я хочу заменить его анимацией трех баров, аналогично тому, что в приложении Spotify Desktop:
Sample GIF < /p>
Я нашел этот вопрос, который задается о Тот же вид анимации, но ей 10 лет, и библиотека, предоставленная в ответе, не была обновлена ​​для JetPack Compose. Любая помощь ценится. Спасибо!

Подробнее здесь: https://stackoverflow.com/questions/793 ... on-compose