android动画:动画线

Question

我是新的安卓动画，我想实现一个线动画，这是一个底线的编辑文本在android.when焦点是在电子邮件领域，当焦点去密码领域，我想安卓文本编辑的底线动画和密码field.as在下面显示。我尝试使用路径动画，但我不知道如何动画的路径动画与循环path.Please help.Thank你提前。

​

Answer 1

也许使用Android Vector绘图和android-pathview动画https://github.com/geftimov/android-pathview会是一个好方法。

其中，您将在一个布局内登录和密码，这个可绘制的动画将作为该布局的背景

Answer 2

这些动画是使用android中基于矢量的可绘制实现的。特别是SVG (可缩放矢量图形)。

这些只是一个带有路径数据的文件，然后您可以使用对象动画器对这些值进行操作，以获得所需的动画效果。最后，将它与另一个可绘制的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>

//现在在drawables文件夹中像这样设置动画

 <?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

如果这些信息对你有帮助，一定要让我知道。