Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[Feature]: Добавить анимацию изменения значения в Counter #4256

Open
shevchux opened this issue Feb 16, 2023 · 4 comments · May be fixed by #4388
Open

[Feature]: Добавить анимацию изменения значения в Counter #4256

shevchux opened this issue Feb 16, 2023 · 4 comments · May be fixed by #4388
Assignees
@eugpoloz @Zaycevq
Labels
cmp:counter design Нужно участие команды дизайна type:feature

Comments

@shevchux
Copy link

shevchux commented Feb 16, 2023 •
edited

Описание

Добавить анимацию изменения значения в Counter.

Пример:

2023-02-14.11.37.43.mov

Скриншоты

No response
@inomdzhon inomdzhon added the design Нужно участие команды дизайна label Feb 16, 2023
@inomdzhon
Copy link
Contributor

@Zaycevq Йо!

@shevchux сделал крутую анимацию (❤️) Ты мог бы глянуть ложиться ли оно концептуально 🙏

Если ложиться, то надо будет собраться обсудить, чтобы задокументить в Figma и глянуть как это всё внедрить с технической стороны (фича тогл или отдельная обёртка).

Заранее спасибо 👉👈

@Zaycevq
Copy link

Zaycevq commented Feb 16, 2023

@Zaycevq Йо!

@shevchux сделал крутую анимацию (❤️) Ты мог бы глянуть ложиться ли оно концептуально 🙏

Если ложиться, то надо будет собраться обсудить, чтобы задокументить в Figma и глянуть как это всё внедрить с технической стороны (фича тогл или отдельная обёртка).

Заранее спасибо 👉👈

Топчик! Мне нравится 🥰

@shevchux
Copy link
Author

@Zaycevq

В задумке внутри нашего продукта была еще идея добавить плавность изменения ширины (числа 11 -> 10 или 99 -> 100 имеют разные ширины, на видео это видно).

Обсудите это тоже, пожалуйста, насколько уместно или уже перебор.

@inomdzhon
Copy link
Contributor

@Zaycevq

Сейчас вот такие параметры:

  • duration: 250ms
  • easing: ease

зы: @shevchux поправь, плиз, если не так)

@eugpoloz eugpoloz self-assigned this Mar 1, 2023
@eugpoloz eugpoloz linked a pull request Mar 3, 2023 that will close this issue
Draft
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@eugpoloz eugpoloz

@Zaycevq Zaycevq

Labels
cmp:counter design Нужно участие команды дизайна type:feature
Projects
VKUI
Status: 🔜 To do
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

feat: animated Counter VKCOM/VKUI
4 participants
@inomdzhon @eugpoloz @shevchux @Zaycevq