5 лесни стъпки, които използвах за внедряване на анимиран брояч в Android ⏳

5 лесни стъпки, които използвах за внедряване на анимиран брояч в Android ⏳

Добре,признавам, че понякога числата наистина стават малко скучни за гледане, като се имат предвид всички фантастични потребителски интерфейси, които всички разглеждаме и използваме почти всеки ден. След като казах това, позволете ми да ви попитам кой беше последният път, когато всъщност погледнахте Numbers или „TextView“, както го наричаме с огромна любов в Android, и оценихте съществуването му там. Вместо просто да използвате статистиката или информацията, която ви е предоставила, и да продължите с каквото сте мислили да правите, след като сте го пренебрегнали, точно като едно от момичетата, по които бях влюбен, когато бях на 14. Отговорът е „Почти Всеки ден”. И така, днес ще направим нашия TextView да изглежда малко по-готин, отколкото е, и ще привлечем малко внимание към него. Като казах, знам, че анимирането забавя информацията, която потребителят търси, така че не винаги можем да я анимираме. Но да, помислете за случая на употреба и дайте на своя TextView ден, който да запомните. Да тръгваме

Защо ValueAnimator?

Той ни предоставя лесен начин за анимиране на стойност на тези типове данни, напр. int, float и т.н. Класът ValueAnimator предоставя прост механизъм за синхронизиране за стартиране на анимации, който работи чрез изчисляване на анимираните стойности и актуализирането им в целевия обект, в този случай на целочислена стойност.

Освен това ни служи с интерфейс, наречен AnimatorUpdateListenerкойто може да се използва за получаване на обратни извиквания за всяка анимация кадър по кадър, която е изчислена за този конкретен ValueAnimator. Нека видим как да приложим това.

Стъпка 1: Плъзнете и пуснете TextView.

Плъзнете и пуснете TextView върху всяка дейност, за която искате анимиран брояч. След това предоставете TextView с произволна стойност на ID, например 425.

Стъпка 2: Декларирайте и инициализирайте изгледа.

Стъпка 3: Създайте екземпляр на ValueAnimator.

Създайте екземпляр на класа ValueAnimator и след това му предоставете параметрите, т.е. start_value и end_value, към които искате да анимира.

Стъпка 4: Извикайте addupdateListner на екземпляра.

Задайте addupdateListner на екземпляра anim, който създадохме в предишната стъпка. Вътре в това ще използваме функцията .getAnimatedValue(), за да извлечем стойността на анимирания кадър по кадър и да го преобразуваме в низ с помощта на функцията .toString(). Можете или да го съхраните като отделна променлива String, или просто да използвате директно функцията .setText(), за да предоставите на TextView анимираната стойност.

Стъпка 5: Задайте продължителност и извикайте функцията Старт.

Сега нека да зададем продължителност на анимацията с помощта на функцията .setDuration() и да предоставим продължителност в милисекунди, това ще определи колко време ще отнеме на стойността да се анимира от начална_стойностдо крайна_стойност. Накрая стартирайте анимацията, като извикате функцията .start() на екземпляра на anim.

Благодарим ви, че прочетохте💓! Ако сте харесали статията и сте я намерили за полезна, предоставете своите ценни ръкопляскания 👏🏻 (виртуални). Благодаря предварително.

Използвах това, за да осигуря малка настройка в плейлиста на приложението за социални медии, който качвам в моя Канал в YouTubeАко искате да проверите как да внедрите пълния потребителски интерфейс, вижте това. Нека се свържем в 📸 Instagram и Telegram.