Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-03-10

1 Теги: android, floating action button

2 В этом уроке мы продолжим рассматривать возможности анимации летающей кнопкиFloating Action Button.

3 Для этого используем проект, созданный в<a>предыдущем уроке</a>, где мы делали эффект плавного скрытия и появления кнопки, и создадим для этой кнопки дополнительный эффект вращения. Если вы ещё не успели ознакомиться с предыдущим уроком, то рекомендую начать с него. Давайте теперь перейдём к каталогу ресурсов проекта. Здесь зайдём в каталогanim, в котором хранятся файлы с настройкой анимации. И первым делом откроем файл, отвечающий за скрытие кнопки, т.е.fab_hide.xml. К двум существующим в нём элементамscaleиalphaдобавим элементrotate. Именно этот элемент отвечает за вращение кнопки. После добавления содержимое файлаfab_hide.xmlдолжно быть следующим:

4 <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:fillAfter="true" android:duration="1000" android:shareInterpolator="true"> <scale android:fromXScale="1.0" android:fromYScale="1.0" android:toXScale="0.0" android:toYScale="0.0" android:pivotX="50%" android:pivotY="50%" /> <alpha android:fromAlpha="1.0" android:toAlpha="0.0" /> <rotate android:fromDegrees="0" android:toDegrees="-360" android:pivotX="50%" android:pivotY="50%" /> </set>Атрибут элементаrotate fromDegreesотвечает за угол наклона кнопкиFloating Action Buttonвправо, или влево на момент начало анимации. А атрибутtoDegreesопределяет угол, на который будет повёрнута кнопка за установленный период анимации. Значения углов определяется в градусах, т. е. 360 будет означать полный оборот кнопки за период анимации, продолжительность которой определяет duration="1000″. Знак "-" (минус) означает, что вращение будет происходить против часовой стрелки. Если необходимо, чтобы кнопка за период анимации делала два полных оборота, то нужно указать 360 * 2, т.е. 720 градусов. АтрибутыpivotXиpivotYопределяют координату центра по осям X и Y, относительно которой будет происходить вращение кнопки. Т.е. в данном случаи центром вращения кнопки будет геометрический центр самой кнопки.

5 Теперь перейдём к файлу, который отвечает за появление кнопки, т.е. кfab_show.xml. Туда также добавим элементrotate, только значение атрибутаtoDegreesизменим с отрицательного на положительное. Его содержимое должно стать следующим:

6 <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:fillAfter="true" android:duration="1000" android:shareInterpolator="true"> <scale android:fromXScale="0.0" android:fromYScale="0.0" android:toXScale="1.0" android:toYScale="1.0" android:pivotX="50%" android:pivotY="50%" /> <alpha android:fromAlpha="0.0" android:toAlpha="1.0" /> <rotate android:fromDegrees="0" android:toDegrees="360" android:pivotX="50%" android:pivotY="50%" /> </set>Подробнее смотрите в<a>видеоролике</a>.