android動畫：動畫行

Question

我是新來的android動畫，我想實現一個線條動畫這是android.when編輯文本的底線，當焦點在電子郵件字段上時，當焦點轉到密碼字段時，我想要android文本底線編輯動畫和去密碼field.as下面顯示。我嘗試使用路徑動畫，但我不知道如何動畫循環路徑動畫路徑動畫中的線。請help.Thank你提前。

Answer 1

也許這將是使用Android矢量一個很好的方式與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

不要讓我知道如果這個信息可以幫助您。