Fragmen dan animasi Android

Bagaimana seharusnya Anda menerapkan jenis geser yang misalnya digunakan klien Honeycomb Gmail?

Dapat TransactionManagermenangani ini secara otomatis dengan menambahkan dan menghapus Fragmen, agak sulit untuk menguji ini karena emulator menjadi slideshow :)

Untuk menghidupkan transisi antara fragmen, atau untuk menghidupkan proses memperlihatkan atau menyembunyikan fragmen yang Anda gunakan Fragment Manageruntuk membuat a Fragment Transaction.

Dalam setiap Transaksi Fragmen, Anda dapat menentukan animasi masuk dan keluar yang akan digunakan untuk acara dan sembunyikan masing-masing (atau keduanya ketika penggantian digunakan).

Kode berikut menunjukkan bagaimana Anda akan mengganti sebuah fragmen dengan menggeser satu fragmen dan menggeser yang lainnya di tempatnya.

FragmentTransaction ft = getFragmentManager().beginTransaction();
ft.setCustomAnimations(R.anim.slide_in_left, R.anim.slide_out_right);

DetailsFragment newFragment = DetailsFragment.newInstance();

ft.replace(R.id.details_fragment_container, newFragment, "detailFragment");

// Start the animated transition.
ft.commit();

Untuk mencapai hal yang sama dengan menyembunyikan atau menampilkan sebuah fragmen, Anda cukup memanggil ft.showatau ft.hide, mengirimkan fragmen yang ingin Anda perlihatkan atau sembunyikan masing-masing.

Untuk referensi, definisi animasi XML akan menggunakan objectAnimatortag. Contoh slide_in_left mungkin terlihat seperti ini:

<?xml version="1.0" encoding="utf-8"?>
<set>
  <objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
    android:propertyName="x" 
    android:valueType="floatType"
    android:valueFrom="-1280"
    android:valueTo="0" 
    android:duration="500"/>
</set>

Jika Anda tidak harus menggunakan perpustakaan dukungan, lihat jawaban Roman .

Tetapi jika Anda ingin menggunakan pustaka dukungan Anda harus menggunakan kerangka animasi lama seperti yang dijelaskan di bawah ini.

Setelah berkonsultasi dengan jawaban Reto dan blindstuff, saya membuat kode berikut berfungsi.

Fragmen tampak meluncur masuk dari kanan dan meluncur keluar ke kiri saat kembali ditekan.

FragmentManager fragmentManager = getSupportFragmentManager();

FragmentTransaction transaction = fragmentManager.beginTransaction();
transaction.setCustomAnimations(R.anim.enter, R.anim.exit, R.anim.pop_enter, R.anim.pop_exit);

CustomFragment newCustomFragment = CustomFragment.newInstance();
transaction.replace(R.id.fragment_container, newCustomFragment );
transaction.addToBackStack(null);
transaction.commit();

Urutan itu penting. Ini berarti Anda harus menelepon setCustomAnimations()sebelum replace()atau animasi tidak akan berpengaruh!

Selanjutnya file-file ini harus ditempatkan di dalam folder res / anim .

enter.xml :

<?xml version="1.0" encoding="utf-8"?>
<set>
    <translate xmlns:android="http://schemas.android.com/apk/res/android"
               android:fromXDelta="100%"
               android:toXDelta="0"
               android:interpolator="@android:anim/decelerate_interpolator"
               android:duration="@android:integer/config_mediumAnimTime"/>
</set>

exit.xml :

<set>
    <translate xmlns:android="http://schemas.android.com/apk/res/android"
               android:fromXDelta="0"
               android:toXDelta="-100%"
               android:interpolator="@android:anim/accelerate_interpolator"
               android:duration="@android:integer/config_mediumAnimTime"/>
</set>

pop_enter.xml :

<set>
    <translate xmlns:android="http://schemas.android.com/apk/res/android"
               android:fromXDelta="-100%"
               android:toXDelta="0"
               android:interpolator="@android:anim/decelerate_interpolator"
               android:duration="@android:integer/config_mediumAnimTime"/>
</set>

pop_exit.xml :

<?xml version="1.0" encoding="utf-8"?>
<set>
    <translate xmlns:android="http://schemas.android.com/apk/res/android"
               android:fromXDelta="0"
               android:toXDelta="100%"
               android:interpolator="@android:anim/accelerate_interpolator"
               android:duration="@android:integer/config_mediumAnimTime"/>
</set>

Durasi animasi dapat diubah ke nilai default @android:integer/config_shortAnimTimeapa saja seperti atau nomor lainnya.

Perhatikan bahwa jika di antara penggantian fragmen terjadi perubahan konfigurasi (misalnya rotasi) aksi kembali tidak dianimasikan. Ini adalah bug yang didokumentasikan yang masih ada di rev 20 pustaka dukungan.

Saya sangat menyarankan Anda menggunakan ini daripada membuat file animasi karena ini adalah solusi yang jauh lebih baik. Android Studio sudah menyediakan standar animation yang dapat Anda gunakan tanpa membuat file XML baru. Nama animasinya adalah android.R.anim.slide_in_left dan android.R.anim.slide_out_right dan Anda dapat menggunakannya sebagai berikut:

fragmentTransaction.setCustomAnimations (android.R.anim.slide_in_left, android.R.anim.slide_out_right);

FragmentManager fragmentManager = getSupportFragmentManager();
FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();              
fragmentTransaction.setCustomAnimations(android.R.anim.slide_in_left, android.R.anim.slide_out_right);
fragmentManager.addOnBackStackChangedListener(this);
fragmentTransaction.replace(R.id.frame, firstFragment, "h");
fragmentTransaction.addToBackStack("h");
fragmentTransaction.commit();

Keluaran:

Pustaka dukungan yang dimodifikasi saya mendukung penggunaan animasi Tampilan (mis. <translate>, <rotate>) Dan Animator Obyek (mis. <objectAnimator>) Untuk Transisi Fragmen. Ini diimplementasikan dengan NineOldAndroids . Lihat dokumentasi saya di github untuk detailnya.

Sedangkan untuk saya, saya perlu diraction view:

di -> geser dari kanan

keluar -> geser ke kiri

Di sini berfungsi untuk saya:

slide_in_right.xml

<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate android:fromXDelta="50%p" android:toXDelta="0"
            android:duration="@android:integer/config_mediumAnimTime"/>
    <alpha android:fromAlpha="0.0" android:toAlpha="1.0"
            android:duration="@android:integer/config_mediumAnimTime" />
</set>

slide_out_left.xml

 <set xmlns:android="http://schemas.android.com/apk/res/android">
        <translate android:fromXDelta="0" android:toXDelta="-50%p"
                android:duration="@android:integer/config_mediumAnimTime"/>
        <alpha android:fromAlpha="1.0" android:toAlpha="0.0"
                android:duration="@android:integer/config_mediumAnimTime" />
    </set>

Kode transaksi:

inline fun FragmentActivity.setContentFragment(
        containerViewId: Int,
        backStack: Boolean = false,
        isAnimate: Boolean = false,
        f: () -> Fragment

): Fragment? {
    val manager = supportFragmentManager
    return f().apply {
        manager.beginTransaction().let {
            if (isAnimate)
                it.setCustomAnimations(R.anim.slide_in_right, R.anim.slide_out_left)

            if (backStack) {
                it.replace(containerViewId, this, "Fr").addToBackStack("Fr").commit()
            } else {
                it.replace(containerViewId, this, "Fr").commit()
            }
        }
    }
}

Saya menyelesaikan ini dengan cara di bawah ini

Animation anim = AnimationUtils.loadAnimation(this, R.anim.slide);
fg.startAnimation(anim);
this.fg.setVisibility(View.VISIBLE); //fg is a View object indicate fragment