Cara Menerapkan Efek Animasi Fade In Android

  • Post
    codeorayo
    Keymaster
    none
    Pada tutorial belajar android kali ini , kita akan mencoba menerapkan Contoh Penerapan Efek Animasi Fade In Android. Sama halnya saat kita belajar membuat animasi di Flash, pada Android kita juga dapat menerapkan Efek Animasi Seperti Fadein , di widget Android. Sebagai Contoh kita akan menerapkanya pada widget ImageView , dan menggunakan widget Button untuk user interaksinya.Langsung saja yuk kita coba buat.

    [img]https://4.bp.blogspot.com/-vg6Ju60l6jc/VvfWbSWPARI/AAAAAAAAFLI/MnHlLSNuEm4DwLTyBlhw2oO1-TTP7zyQw/s1600/android-studio-tutorial-development-apps-by-okedroid.png[/img]

    1. Pertama buka project Andorid Studio kalian.

    2.  Kedua kita akan membuat file xml pada folder app/res/anim/filexml

    Jika tidak ada folder anim , kita bisa membuat foldernya secara manual dengan cara :

    • Membuat folder anim


      Pada folder  res di struktur project Android Studio kalian, klik kanan lalu pilih New > pilih  Android Resource Directory  seperti pada gambar di bawah:

      [table]

      [tr]

      [/tr]

      [tr]

      [/tr]

      [/table]

      [td][img width=320,height=191]https://4.bp.blogspot.com/-f4fAgp01HeA/Vs7Mrq_czbI/AAAAAAAAEwA/moHKxCKXRqY/s320/android-resource-directory-studio.png[/img][/td]
      [td]Android Resource directory
      [/td]

      Isikan pada directory name anim , jika sudah pilih tombol OK.

      [table]

      [tr]

      [/tr]

      [tr]

      [/tr]

      [/table]

      [td][img width=320,height=186]https://1.bp.blogspot.com/-fIO03_zzO7Y/Vw2gFeqLagI/AAAAAAAAFVw/_k5MGF00So4zXkbnZfedx53_pYvVWge5wCLcB/s320/New-resource-directory.png[/img][/td]
      [td]New resource directory[/td]

      3.Buat file xmlnya saya memberikan nama fadein.xml  (Terserah kalian )  pada folder anim. Salin baris instruksi (codingan ) di bawah :

      fadein.xml


      1. http://schemas.android.com/apk/res/android“>

      2.     

      3.         android:duration=”3000″

      4.         android:fromAlpha=”0.0″

      5.         android:interpolator=”@android:anim/accelerate_interpolator”

      6.         android:toAlpha=”1.0″ />



      7. 4. Siapkan file gambar berformat.png  lalu simpan pada file res/drawable/disini 

        5.Pada Activity file activity_main.xml dan MainActivity.java , kalian bisa salin baris instruksi (codingan) dibawah:

         activity_main.xml


        1. http://schemas.android.com/apk/res/android“

        2.               android:layout_width=”match_parent”

        3.               android:layout_height=”match_parent”

        4.               android:layout_margin=”16dp”

        5.               android:gravity=”center_horizontal”

        6.               android:orientation=”vertical”>

        7.  

        8.  

        9.     

        10.         android:layout_width=”wrap_content”

        11.         android:layout_height=”wrap_content”

        12.         android:src=”@drawable/okedroid”

        13.         android:id=”@+id/imageView”

        14.         android:layout_gravity=”center_horizontal”/>

        15.     

        16.         android:layout_width=”wrap_content”

        17.         android:layout_height=”wrap_content”

        18.         android:onClick=”mulaiAnimasiFadein”

        19.         android:text=”Fadein Animasi”

        20.         android:id=”@+id/button”

        21.         android:layout_gravity=”center_horizontal”/>



        22. MainActivity.java 

          1. package com.okedroid.aplikasisaya;

          2.  

          3. import android.os.Bundle;

          4. import android.support.v7.app.AppCompatActivity;

          5. import android.view.View;

          6. import android.view.animation.Animation;   //import library animasi

          7. import android.view.animation.AnimationUtils;  //import library animasi

          8. import android.widget.ImageView;

          9.  

          10.  

          11. //Created by Fathur (okedroid.com)

          12.  

          13. public class  MainActivity  extends AppCompatActivity {

          14.  

          15.    

          16.     public void onCreate(Bundle savedInstanceState) {

          17.         super.onCreate(savedInstanceState);

          18.         setContentView(R.layout.activity_main);

          19.  

          20.     }

          21.    

          22.     //memanggil method untuk menjalankan animasi pada button onClick mulaiAnimasiFadein

          23.     public void mulaiAnimasiFadein(View view) {

          24.         ImageView imageView = (ImageView) findViewById(R.id.imageView);

          25.         //menjalankanya pada imageview

          26.         Animation startAnimation = AnimationUtils.loadAnimation(getApplicationContext(), R.anim.fadein);

          27.         //memanggil resource animasi di folder res anim fade in

          28.         imageView.startAnimation(startAnimation);

          29.         //mulai animasi

          30.     }

          31. }


            6. Setelah itu kita coba jalankan Aplikasinya lewat Android Studio.

          • You must be logged in to reply to this topic.