可绘制动画矢量，用于单击箭头的旋转
可绘制动画矢量，用于单击箭头的旋转
提问于 2016-11-05 00:52:43
我需要一个可扩展循环再造者观点。我计划使用动画矢量绘制为折叠和展开箭头动画。
有一个setExpandCollapseListener，我可以用它开始旋转。如何使用动画矢量绘图获得如下所示的效果？
用于展开按钮的矢量绘图：
<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:viewportWidth="306"
android:viewportHeight="306"
android:width="306dp"
android:height="306dp">
<path
android:pathData="M153 247.35L306 94.35 270.3 58.65 153 175.95 35.7 58.65 0 94.35Z"
android:fillColor="#000000" />
</vector>可绘制的矢量折叠按钮：
<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:viewportWidth="306"
android:viewportHeight="306"
android:width="306dp"
android:height="306dp">
<path
android:pathData="M270.3 247.35L306 211.65 153 58.65 0 211.65 35.7 247.35 153 130.05Z"
android:fillColor="#000000" />
</vector>
回答 2
Stack Overflow用户
回答已采纳
发布于 2018-01-08 00:04:15
你只需要一行代码-
view.animate().rotationBy(degree_of_rotation).setDuration(duration_in_milliseconds).start();Stack Overflow用户
发布于 2017-05-12 15:15:49
1.添加矢量图像
我们还需要将path包装在group中，因为group是将被动画化的向量资源的一部分。您可以为一个组设置任何名称。
res/drawable/ic_arrow_down.xml
<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:viewportWidth="306"
android:viewportHeight="306"
android:width="306dp"
android:height="306dp">
<group
android:name="arrow"
android:pivotX="153"
android:pivotY="153">
<path
android:pathData="M153 247.35L306 94.35 270.3 58.65 153 175.95 35.7 58.65 0 94.35Z"
android:fillColor="#000000" />
</group>
</vector>res/drawable/ic_arrow_top.xml
<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:viewportWidth="306"
android:viewportHeight="306"
android:width="306dp"
android:height="306dp">
<group
android:name="arrow"
android:pivotX="153"
android:pivotY="153">
<path
android:pathData="M270.3 247.35L306 211.65 153 58.65 0 211.65 35.7 247.35 153 130.05Z"
android:fillColor="#000000" />
</group>
</vector>2.添加动画师
res/animator/animation_arrow_rotation.xml
<?xml version="1.0" encoding="utf-8"?>
<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="@android:integer/config_shortAnimTime"
android:propertyName="rotation"
android:valueFrom="0"
android:valueTo="180" />3.添加动画矢量绘图
<target>引用group的名称。
res/drawable/ic_animated_arrow_down.xml
<?xml version="1.0" encoding="utf-8"?>
<animated-vector xmlns:android="http://schemas.android.com/apk/res/android"
android:drawable="@drawable/ic_arrow_down">
<target
android:name="arrow"
android:animation="@animator/animation_arrow_rotation" />
</animated-vector>res/drawable/ic_animated_arrow_up.xml
<?xml version="1.0" encoding="utf-8"?>
<animated-vector xmlns:android="http://schemas.android.com/apk/res/android"
android:drawable="@drawable/ic_arrow_up">
<target
android:name="arrow"
android:animation="@animator/animation_arrow_rotation" />
</animated-vector>4.向适配器添加一些代码
ParentViewHolder的继承者中的Init ImageView：
void bind(UiModel uiModel) {
arrowImageView.setImageResource(isExpanded() ? R.drawable.ic_animated_arrow_down :
R.drawable.ic_animated_arrow_up);
// some other code
}并覆盖onExpansionToggled
@Override
public void onExpansionToggled(boolean expanded) {
super.onExpansionToggled(expanded);
arrowImageView.setImageResource(expanded ? R.drawable.ic_animated_arrow_down :
R.drawable.ic_animated_arrow_up);
AnimatedVectorDrawableCompat drawable = (AnimatedVectorDrawableCompat) arrowImageView.getDrawable();
drawable.registerAnimationCallback(new Animatable2Compat.AnimationCallback() {
@Override
public void onAnimationEnd(Drawable ignored) {
drawable.clearAnimationCallbacks();
arrowImageView.setImageResource(expanded ? R.drawable.ic_animated_arrow_up :
R.drawable.ic_animated_arrow_down);
}
});
drawable.start();
}顺便说一句，您可以在一个AnimatedVectorDrawable文件中定义XML资源。详细信息这里。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/40433711
复制相关文章
相似问题
腾讯云开发者
