ขึ้นอยู่กับว่ามุมมองของคุณใช้สีพื้นหลังอย่างไรและคุณได้สีเป้าหมายอย่างไรมีหลายวิธีในการทำเช่นนี้
สองคนแรกใช้เฟรมเวิร์กภาพเคลื่อนไหวคุณสมบัติของ Android
ใช้Object Animatorถ้า:
- มุมมองของคุณมีการกำหนดสีพื้นหลังเป็น
argbค่าในไฟล์ xml
- มุมมองของคุณเคยตั้งค่าสีไว้แล้ว
view.setBackgroundColor()
- มุมมองของคุณมีสีพื้นหลังที่กำหนดในรูปวาดได้ซึ่งไม่ได้กำหนดคุณสมบัติพิเศษใด ๆ เช่นรัศมีหรือรัศมีมุม
- มุมมองของคุณมีสีพื้นหลังที่กำหนดในรูปวาดได้และคุณต้องการลบคุณสมบัติพิเศษใด ๆ เช่นรัศมีหรือมุมรัศมีโปรดทราบว่าการลบคุณสมบัติพิเศษจะไม่เคลื่อนไหว
อนิเมชั่น Object ทำงานโดยการเรียกview.setBackgroundColorซึ่งแทนที่ drawable ที่กำหนดไว้ยกเว้นว่ามันเป็นตัวอย่างของ a ColorDrawableซึ่งไม่ค่อยเป็น ซึ่งหมายความว่าคุณสมบัติพื้นหลังพิเศษใด ๆ จาก drawable เช่นโรคหลอดเลือดสมองหรือมุมจะถูกลบออก
ใช้Animator ที่คุ้มค่าหาก:
- มุมมองของคุณมีการกำหนดสีพื้นหลังในรูปวาดได้ที่ยังกำหนดคุณสมบัติเช่นรัศมีเส้นขีดหรือมุมและคุณต้องการเปลี่ยนเป็นสีใหม่ที่ตัดสินใจขณะใช้งาน
ใช้การเปลี่ยนผ่าน drawableถ้า:
- มุมมองของคุณควรสลับระหว่างสอง drawable ที่ได้กำหนดไว้ก่อนการปรับใช้
ฉันมีปัญหาด้านประสิทธิภาพบางอย่างเกี่ยวกับการเปลี่ยนผ่าน drawable ที่ทำงานในขณะที่ฉันกำลังเปิด DrawerLayout ที่ฉันไม่สามารถแก้ไขได้ดังนั้นหากคุณพบการพูดติดอ่างที่ไม่คาดคิดคุณอาจพบข้อผิดพลาดแบบเดียวกับที่ฉันมี
คุณจะต้องแก้ไขตัวอย่างของแอนิเมชั่นค่าหากคุณต้องการใช้StateLists drawableหรือLayerLists drawableมิฉะนั้นจะเกิดความผิดพลาดในfinal GradientDrawable background = (GradientDrawable) view.getBackground();บรรทัด
Object Animator :
ดูคำจำกัดความ:
<View
android:background="#FFFF0000"
android:layout_width="50dp"
android:layout_height="50dp"/>
สร้างและใช้สิ่งObjectAnimatorนี้
final ObjectAnimator backgroundColorAnimator = ObjectAnimator.ofObject(view,
"backgroundColor",
new ArgbEvaluator(),
0xFFFFFFFF,
0xff78c5f9);
backgroundColorAnimator.setDuration(300);
backgroundColorAnimator.start();
คุณยังสามารถโหลดคำจำกัดความแอนิเมชั่นจาก xml โดยใช้ AnimatorInflater เช่น XMight ในAndroid objectAnimator animate backgroundColor of Layout
แอนิเมชั่นค่า :
ดูคำจำกัดความ:
<View
android:background="@drawable/example"
android:layout_width="50dp"
android:layout_height="50dp"/>
นิยามที่วาดได้:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#FFFFFF"/>
<stroke
android:color="#edf0f6"
android:width="1dp"/>
<corners android:radius="3dp"/>
</shape>
สร้างและใช้ ValueAnimator ดังนี้:
final ValueAnimator valueAnimator = ValueAnimator.ofObject(new ArgbEvaluator(),
0xFFFFFFFF,
0xff78c5f9);
final GradientDrawable background = (GradientDrawable) view.getBackground();
currentAnimation.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(final ValueAnimator animator) {
background.setColor((Integer) animator.getAnimatedValue());
}
});
currentAnimation.setDuration(300);
currentAnimation.start();
การเปลี่ยนผ่าน drawable :
ดูคำจำกัดความ:
<View
android:background="@drawable/example"
android:layout_width="50dp"
android:layout_height="50dp"/>
นิยามที่วาดได้:
<?xml version="1.0" encoding="utf-8"?>
<transition xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<shape>
<solid android:color="#FFFFFF"/>
<stroke
android:color="#edf0f6"
android:width="1dp"/>
<corners android:radius="3dp"/>
</shape>
</item>
<item>
<shape>
<solid android:color="#78c5f9"/>
<stroke
android:color="#68aff4"
android:width="1dp"/>
<corners android:radius="3dp"/>
</shape>
</item>
</transition>
ใช้ TransitionDrawable ดังนี้:
final TransitionDrawable background = (TransitionDrawable) view.getBackground();
background.startTransition(300);
คุณสามารถย้อนกลับภาพเคลื่อนไหวโดยการเรียก.reverse()ใช้อินสแตนซ์ภาพเคลื่อนไหว
มีวิธีอื่นในการทำแอนิเมชั่น แต่ทั้งสามอาจเป็นเรื่องธรรมดาที่สุด ฉันมักใช้ ValueAnimator
