android animation: animate line

Question

Я новичок в анимации android, я хочу реализовать анимацию линии, которая является нижней строкой текста редактирования в android.when фокус находится в поле электронной почты, когда фокус переходит в поле пароля, я хочу, чтобы нижняя строка андроидного текста редактируется для анимации и проходит под полем password.as показано ниже. Я попытался использовать анимацию пути, но я не знаю, как оживить линию в анимации пути с круговым путем. Пожалуйста, помогите. Спасибо заранее.

Answer 1

может быть, это будет хорошим способом использовать Android вектор вводимого коэффициент с андроидом-PathView анимацией https://github.com/geftimov/android-pathview

, где вы будете иметь логин и пароль в одной раскладки, и это вытяжка анимации будет в качестве фона для этой схемы

Answer 2

Данные анимации: , полученные с использованием векторных чертежей в android. В частности, SVG (масштабируемая векторная графика).

Это просто файл XML с данными пути и вы можете манипулировать значения с помощью объекта аниматор для достижения желаемой анимации. Наконец, подключите его к другому гибкому xml.

Вот пример реализации:

// Пример XML векторный файл данных путь

<?xml version="1.0" encoding="utf-8"?> 
<vector xmlns:android="http://schemas.android.com/apk/res/android" 
android:viewportWidth="170" 

android:viewportHeight="170" 

android:width="500dp" 

android:height="500dp"> <path 

android:name="head" 

android:fillColor="@color/ 

android_green" 

android:pathData="M85,40 c10,0 20,0 30,0 c0,-5 -10,-20 -30,-20 c-20,0 -30,15 -30,20 c10,0 20,0 30,0"/> 
</vector> 

// Пример объекта аниматор файл

<?xml version="1.0" encoding="utf-8"?> 
<set xmlns:android="http://schemas.android.com/apk/res/android"> 
<objectAnimator android:duration="@integer/morphing_time" 

android:propertyName="pathData" 

android:valueType="pathType" 

android:valueFrom="M85,40 c10,0 20,0 30,0 c0,-5 -10,-20 -30,-20 c-20,0 -30,15 -30,20 c10,0 20,0 30,0" 

android:valueTo="M108,35 c5.587379,-6.7633 9.348007,-16.178439 8.322067,-25.546439 c-8.053787,0.32369 -17.792625,5.36682 -23.569427,12.126399 c-5.177124,5.985922 -9.711121,15.566772 -8.48777,24.749359 c8.976891,0.69453 18.147476,-4.561718 23.73513,-11.329308"/> 

<objectAnimator 

android:duration="@integer/morphing_time" 

android:propertyName="fillColor" 

android:valueFrom="@color/ 

android_green" 

android:valueTo="@color/apple_black" /> 
</set> 

// теперь анимировать его, как это в папке с выводами

<?xml version="1.0" encoding="utf-8"?> <animated-vector xmlns:android="http://schemas.android.com/apk/res/android" 

android:drawable="@drawable/ 

android_logo_vector_morphable"> 

<target android:animation="@animator/head_leaf_transition" 

android:name="head"/> 
</animated-vector> 

Источник:Lewis Mac Geary

Дайте мне знать, если эта информация поможет вам.