แอนิเมชั่นเฟดอินและเฟดออกจะทำงานตามคลาสแอนิเมชั่นอัลฟ่า ตัวอย่างนี้สาธิตวิธีใช้ Fade In และ Fade Out Android Animation ใน Java
ขั้นตอนที่ 1 − สร้างโครงการใหม่ใน Android Studio ไปที่ไฟล์ ⇒ โครงการใหม่และกรอกรายละเอียดที่จำเป็นทั้งหมดเพื่อสร้างโครงการใหม่
ขั้นตอนที่ 2 − เพิ่มรหัสต่อไปนี้ใน res/layout/login.xml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="https://schemas.android.com/apk/res/android" android:id="@+id/parent" xmlns:tools="https://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity" android:gravity="center" android:orientation="vertical"> <ImageView android:id="@+id/imageView" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@mipmap/ic_launcher"/> <Button android:id="@+id/fadeIn" android:text="Fade In" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <Button android:id="@+id/fadeOut" android:text="Fade Out" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </LinearLayout>
ในโค้ดด้านบนนี้ เราได้ถ่าย imageview และปุ่มสองปุ่ม ปุ่ม FadeIn จะให้แอนิเมชั่นการเฟดเข้าสู่การดูภาพ และปุ่ม FadeOut จะให้แอนิเมชั่นออกจากการเฟดไปยังการดูภาพ
ขั้นตอนที่ 3 − เพิ่มรหัสต่อไปนี้ใน src/MainActivity.java
package com.example.andy.myapplication; import android.animation.ObjectAnimator; import android.os.Build; import android.os.Bundle; import android.support.annotation.RequiresApi; import android.support.v7.app.AppCompatActivity; import android.view.View; import android.view.animation.AlphaAnimation; import android.view.animation.Animation; import android.widget.Button; import android.widget.ImageView; public class MainActivity extends AppCompatActivity { @RequiresApi(api = Build.VERSION_CODES.JELLY_BEAN) @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); final ImageView imageView = findViewById(R.id.imageView); Button fadeIn = findViewById(R.id.fadeIn); fadeIn.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { AlphaAnimation alphaAnimation = new AlphaAnimation(0.0f, 1.0f); alphaAnimation.setDuration(1000); alphaAnimation.setRepeatCount(1); alphaAnimation.setRepeatMode(Animation.REVERSE); imageView.startAnimation(alphaAnimation); } }); Button fadeOut = findViewById(R.id.fadeOut); fadeOut.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { ObjectAnimator fadeOut = ObjectAnimator.ofFloat(imageView, "alpha", 1f, 0); fadeOut.setDuration(2000); fadeOut.start(); } }); } }
หากต้องการให้แอนิเมชั่นเฟดใน Imageview ให้ใช้รหัสต่อไปนี้ -
AlphaAnimation alphaAnimation = new AlphaAnimation(0.0f, 1.0f); alphaAnimation.setDuration(1000); alphaAnimation.setRepeatCount(1); alphaAnimation.setRepeatMode(Animation.REVERSE); imageView.startAnimation(alphaAnimation);
หากต้องการให้แอนิเมชั่นจางลงใน Imageview ให้ใช้รหัสต่อไปนี้ -
ObjectAnimator fadeOut = ObjectAnimator.ofFloat(imageView, "alpha", 1f, 0); fadeOut.setDuration(2000); fadeOut.start();
มาลองเรียกใช้แอปพลิเคชันของคุณกัน ฉันคิดว่าคุณได้เชื่อมต่ออุปกรณ์มือถือ Android จริงกับคอมพิวเตอร์ของคุณ ในการรันแอพจาก android studio ให้เปิดไฟล์กิจกรรมของโปรเจ็กต์แล้วคลิกไอคอน Run จากแถบเครื่องมือ เลือกอุปกรณ์มือถือของคุณเป็นตัวเลือก แล้วตรวจสอบอุปกรณ์มือถือของคุณซึ่งจะแสดงหน้าจอเริ่มต้นของคุณ -
ตอนนี้คลิกที่ปุ่มเฟดอินมันจะให้แอนิเมชั่นไปยัง imageview ดังที่แสดงด้านล่าง -
ตอนนี้คลิกที่แอนิเมชั่นเฟดเอาต์ มันจะให้แอนิเมชั่นเฟดเอาต์ไปยังอิมเมจวิวดังที่แสดงด้านล่าง -