Как да създадете отскачаща анимация за Android

Ето тук ХАШТАГИ , нашите клиенти зависят от нас, за да им помогнем надеждно да управляват съдържанието си в социалните медии. Клиентите на Sprout използват нашите мобилни приложения за iOS и Android, за да могат да управляват своите социални медии в движение . Когато решихме да актуализираме нашето съобщение за Android Създаване на опит за поддръжка издателство множество изображения, прикачени към туит, искахме да направим ясно на потребителя, когато са прикачени множество изображения, дори когато не се вижда на екрана за съставяне.

Решение за проектиране: Използвайте анимация за обозначаване на изображения извън екрана

Като се има предвид нашия дизайн и ограниченията на мобилния екран, беше възможно прикачените изображения да останат извън екрана. Въпреки че това не е идеално, това беше необходима отстъпка предвид гъстотата на поддържаната функционалност на екрана за съставяне. За случаи, когато изображенията всъщност са извън екрана, решихме да приложим хоризонтална анимация „отскачане“, която да показва, че списъкът с изображения може да се превърта.

Избор на изпълнение: ObjectAnimator + EasingInterpolator

Има много механизми за поддържане на основните анимации в Android. Някои изискват конфигурация в код, други в xml. Избирайки алтернативи, решихме да дадем приоритет на обратната съвместимост (поддържаме sdk версия 15+), простотата на внедряване и конфигурирането. В крайна сметка решихме да използваме комбинация от ObjectAnimator и EasingInterpolator . И двете могат да бъдат конфигурирани в Java код, който в крайна сметка е по-удобен за разработчици: Синтаксисът е познат и анимационната логика може да бъде напълно дефинирана на едно място в кодовата база.

ObjectAnimator е клас, предоставен от рамката на Android, който позволява промяна на свойство на изглед. Тъй като движението на интерполатора по подразбиране за ObjectAnimator не се чувстваше естествено за нашия случай на употреба, решихме да използваме EasingInterpolator, който е удобна библиотека, която предоставя много различни модели за интерполация.

Код за анимация на отскок

private void doBounceAnimation(View targetView) { ObjectAnimator animator = ObjectAnimator.ofFloat(targetView, 'translationX', 0, 25, 0); animator.setInterpolator(new EasingInterpolator(Ease.ELASTIC_IN_OUT)); animator.setStartDelay(500); animator.setDuration(1500); animator.start(); }

За щастие кодът за обработка на това поведение е много кратък. В ред 1 ние посочваме как искаме да анимираме targetView. В този случай искаме да модифицираме свойството “translationX” на targetView, което е x-позицията на изгледа след оформлението. Искаме да анимираме от отместване от 0dp от първоначалната позиция до отместване от 25dp вдясно и в крайна сметка да се върнем към първоначалното отместване от 0dp.

В ред 2 ние посочваме вида интерполация, който бихме искали. Поиграхме си с различни модели за интерполация, но в крайна сметка решихме Ease.ELASTIC_IN_OUT да изглежда най-добре за нашия случай на употреба.

За повече информация относно поддържането на анимация на имоти в Android, разгледайте Документ за разработчици на Property Animation .

Анимация в действие

Наистина сме щастливи от актуализациите ни за мобилното изживяване. Продължавайки напред, планираме да продължим да обогатяваме мобилното си изживяване с отзивчиви визуални интерфейси. Интересувате ли се да работите с този вид неща с нас? Идвам работи с нас в нашия мобилен екип за Android!

Споделете С Приятелите Си: