Продолжая серию уроков по Android, я решил показать вам как можно добавить анимацию для простой картинки.
В данном уроке мы научимся создавать несколько анимация на картинку. Для того чтобы выполнить этот урок вам потребуется создать Android проект c:
Minimum required SDK = 3.0
Target SDK = 4.2
Шаг 1. Создаем внешний вид
Создаем layout main_layout.xml (srcmainreslayoutmain_layout.xml) cо следующим содержимым:
И в string.xml добавим следующие строки:
Example Animation Image Анимация 1 Анимация 2 Анимация 2
И теперь в srcmainresdrawable добавляем картинку android_img.png:
В итоге наше приложение будет выглядеть так:
Шаг 2. Создаем Activity
Теперь давайте добавим Activity для нашего layout, для этого в srcmainjavacomdevcolibrianimationimage создаем новое Activity MainActivity.java со следующим содержимым:
моя первая анимация а приложения flipaclip
После этого ваш layout можно будет увидеть после запуска приложения, но незабывайте настроить activity в AndroidManifest.xml.
Теперь все будет работать
Шаг 3. Создаем анимации
В Android анимации представлены в виде анимационных ресурс файлов, а точней в виде XML файлов, в которох описанно поведение элемента на который будет применена данная анимация.
Анимация №1
Для начало создадим самую простую анимацию для первой кнопки.
Она будет смещать наже изображение влево, потом возвращать на исходное положение. Для того, чтобы создать анимацию в папке res создайте новую ресурсную папку anim:
После этого в папке anim создаем Animation resource file с именем animation_one.xml и содержимым:
Как видите все начинается с тега set, он является стандартным тегом для всех анимационных русурс файлов, а вот тег translate – это уже наша анимация, где:
android:toXDelta – это смежение по оси X в лево;
android:duration – это продожытельность перемещения, чем больше duration, тем медленей будет двигаться изображение.
Анимация №2
Теперь создадим в тойже папке anim новый ресурс файл с именем anumation_two.xml и содержимым:
Как видите в этой анимации мы используем тег rotate – он позволит нам заставить наше изображение сделать поворот, в нашем случае на 360 градусов.
Давайте рассмотрим детальней атрибуты свойства rotate:
android:pivotX – это говорит о том, что точка повората будет в центре изображения, поэтому оно просто сделает круговой поворот;
android:fromDegrees- тут мы указываем начальное угловое положение, в градусах;
android:toDegrees – а тут конечное угловое положение, в градусах;
android:duration = это продолжительность анимации чем больше оно будет тем медленей будет анимация.
Создаем анимацию на телефоне за 30 секунд | Сохрани
Анимация №3
Теперь расмотрим немного сложней анимацию. Для этого создаем 3-ю анимацию и называем её animation_three.xml:
Тут мы уже видим несколько анимационных свойств объеденены в одну анимацию. Вы уже наверное заметели, что мы сново используем анимацию rotate, но помимо её тут есть и новая анимация scale.
scale – позволяет сделать динамическое изменение размера компонента, в нашем случае картинки.
В данном сценарии мы сначало выполняем увеличение изображения, и в этот же момент поворачиваем его на 360 градусов и на половине поворота изображение перестает увеличиваться, и начинает уменьшаться.
android:duration – продолжительность анимации;
android:fromXScale – начальная позиция смещения анимации по оси X;
android:fromYScale – начальная позиция смещения анимации по оси Y;
android:pivotX – определяет начальную точку изменения размера по оси X;
android:pivotY – определяет начальную точку изменения размера по оси Y;
android:startOffset – количество миллисекунд задержки анимации после запуска;
android:toXScale – размер смещения по оси X;
android:toYScale – размер смещения по оси Y.
Шаг 4. Подключение анимаций
Теперь давайте подключим анимации на картинку, но они будут срабатывать после клика по кнопки, где каждая кнопка будет отвечать за определёную анимацию.
Вот полный код MainActivity:
Методы onAnimationImageOne, onAnimationImageTwo, onAnimationImageThree вызываются в main_layout на каждой кнопке в свойстве android:onClick.
Вот структура проекта:
p.s. Если возникнут вопросы, то с радостью отвечу на них в комментариях.
Источник: devcolibri.com
Как сделать анимацию с помощью MotionLayout
Привет, Хабр! Меня зовут Павел Беловол, я Android-разработчик на проекте онлайн-кинотеатра KION в МТС Digital. Это новая часть сериала о внедрении фичи Autoplay в KION, в которой я расскажу про свой личный опыт работы с MotionLayout на примере продакшн-задачи в KION. Из этой статьи вы узнаете, где нужно использовать MotionLayout, а где лучше обойтись без него и писать код анимации самостоятельно.
Небольшая вводная:
MotionLayout – это контейнер, который позволяет просто создавать сложные анимации, для чего требуется лишь описать сцену. Более подробно о MotionLayout вы можете почитать тут.
А теперь поговорим о нашей фиче.
Наверняка все задумывались о том, как классно после окончания просмотра интересного фильма глянуть еще один такой же интересный фильм, но не тратить время на поиск, анализ рейтинга и выбор контента.
10 лучших приложений для создания гифок на Android
Анимация в формате GIF быстро становится одним из наиболее популярных способов выразить себя. Её просмотр занимает меньше времени, чем просмотр видео, при этом анимация более выразительна, чем фотографии. Гифки можно найти во всех социальных сетях и форумах в интернете, некоторые из них обладают большими художественными достоинствами.
Если вы хотите создавать гифки самостоятельно, есть два варианта. Первым являются приложения-камеры, которые превратит короткий видеоролик в анимацию. Вторым вариантом станет инструмент для создания гифок, который позволит сделать их на основе других источников. Мы рассмотрим оба варианта для платформы Android.
Camera MX
Camera MX является одним из нескольких приложений для создания гифок, которые по совместительству являются приложением-камерой. Можно записывать короткие видеоролики и снимать фотографии. Всё это приложение способно преобразовать в анимацию GIF. Приложение не подходит для создания анимации из готовых роликов, например, с YouTube. Зато программа хорошо справляется со съёмкой селфи.
Её уровень в качестве камеры также является неплохим. Анимация внутри приложения делается с помощью функции Life Shot.
Price: Free
Footej Camera
Одна из первых камер на Android, которая научилась создавать гифки. Здесь есть ручные элементы управления съёмкой, встроенная галерея изображений, режим быстрой съёмки, гистограммы и т.д. Поддерживается съёмка видео в формате 4K на многих устройствах и будут добавляться новые. Высококачественные гифки можно создавать при помощи фотографий и видео, которые вы только что отсняли и которыми можно поделиться через разные каналы. Внутри приложения есть несколько проблем, но команда разработчиков слушает отзывы и готова исправлять недостатки.
Price: Free
GIF Maker and Editor
Одно из наиболее популярных приложений для создания гифок. Можно обрезать видео из галереи или создавать гифки на основе фотографий (до 200 штук). Доступно добавление стикеров, текста и редактирование существующих гифок. После этого анимация должна работать на большинстве сайтов. Снимать материал для создания анимации вам придётся самостоятельно.
В приложении есть несколько багов. Работе с приложением также придётся обучиться.
Price: Free
Gif Me! Camera
Приложение-камера специально для создания гифок. Оно способно записывать видео продолжительностью до 14 секунд. Затем его можно редактировать при помощи цветовых фильтров, стикеров, текста и т.д. Поддерживается Time Lapse, остановка движения, другие типы снимков. Имеется преобразование видео в GIF.
Бесплатная версия будет показывать рекламу и добавлять на анимацию водяные знаки. Профессиональная версия убирает эти ограничения.
Price: Free
GIF Studio
Одно из самых старых приложений для создания гифок. Здесь имеется множество функциональных возможностей. С другой стороны, программа выглядит довольно несовременно. Есть стикеры, эффекты, добавление текста и прочее. Можно обрезать гифки для уменьшения размера файлов. Редактор также работает с видео и изображениями. Приложение способно убирать отдельные изображения из гифок.
Программа получает регулярные обновления и поэтому багов здесь меньше, чем у конкурентов.
Price: Free
Giphy
Одно из новых приложений от популярной базы данных гифок. Камера записывает короткий видеоролик, к которому можно применять множество фильтров, спецэффектов, стикеров или текст. Имеется режим ускоренной съёмки с пятью фотографиями за раз. Возможно, это лучшее сочетание приложения-камеры и создателя гифок.
Здесь нет обширной функциональности для работы с камерой, но гифки делаются лучше, чем в других программах. Программа полностью бесплатная и не содержит внутренних покупок.
Price: Free
GroupMe и Google Allo
Некоторые мессенджеры обладают встроенной возможностью создавать гифки. GroupMe не может делать анимацию из ничего, поэтому нужно взять существующую гифку и добавить текст, приложение сделает всё остальное. Allo может работать как камера, позволяя снять несколько секунд видео. Затем это видео можно отправить друзьям в виде анимации GIF.
Для создания серьёзных гифок этот вариант не подходит. GroupMe выделяется за счёт возможности быстрого добавления текста к существующим изображениям.
Price: Free
Motion Stills
Приложение от компании Google. Имеется два режима работы. В первом снимается короткий видеоролик, который можно превратить в гифку. Можно поделиться результатом в виде видеоролика или цикличной анимации. У приложения есть несколько проблем, однако его новизна позволяет надеяться на их исправление в будущем.
Программа бесплатная, рекламы и внутренних покупок нет.
Price: Free
Pixel Animator
Технически это приложение для создания пиксельной графики, однако ничего не мешает создавать гифки на её основе. Программа обладает простым интерфейсом. Бесплатная версия позволяет создавать гифки с числом кадров до 15, платная версия убирает это ограничение.
Возможно, самой полезной функцией приложения является возможность портировать предыдущее изображение в виде GIF в следующее изображения. Это позволяет вносить небольшие изменения вместо создания изображения заново. Данная функциональность пригодится тем, кто хочет создавать уникальные гифки.
Price: Free
Power Director
Одно из множества приложений для редактирования видео с поддержкой создания гифок. Качество у него выше, чем у большинства подобных программ. Поддерживается экспорт в формат GIF простых изображений и анимации. Это позволит превращать видео в короткие гифки. Приложение бесплатное для скачивания, дополнительные функции доступны в виде внутренних покупок.
Источник: compnovosti.ru