Tutorial Android Button Rotate Animation

Tutorial ini menunjukkan bagaimana untuk membuat tombol dengan efek Rotate pada Android menggunakan Android Studio versi 2.2.

Contoh Membuat Project Android

1. Pada Android Studio, buatlah project baru.
     => Jika Anda tidak memiliki sebuah project, di layar Welcome klik New Project.
     => Jika Anda telah membuka project, dari menu File, pilih New Project.

    2. Pada Configure your new project, isi kolom berikut seperti di bawah ini.
     => Application name ⇒ ButtonRotate
     => Company domain ⇒ example.com (Misalnya: com.tahukoding.buttonrotate)
     => Project Location ⇒ memilih lokasi untuk project Anda. 

    3. Pada Select the form factors your app will run oncentang untuk Phone and Tablet.
     => Untuk Minimum SDK, pilih API 10: Android 2.3.3 (Gingerbread). klik Next.

    4. Pada Add an activity to Mobile, pilih Blank Activity dan klik Next.
    Next ->

    5. Klik tombol Finish untuk membuat project.

    6. Pilih View Anda sebagai Project, Buka file layout untuk kegiatan utama (activity_main.xml) terletak di bawah App  res ⇒ layout.

    activity_main.xml
    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:id="@+id/activity_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:paddingBottom="@dimen/activity_vertical_margin"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:paddingTop="@dimen/activity_vertical_margin"
        tools:context="buttonrotate.tahukoding.com.buttonrotate.MainActivity"
        android:background="@android:color/holo_green_light">
    
        <TextView
            android:text="@string/tk"
            android:textSize="50sp"
            android:textStyle="bold"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:layout_centerHorizontal="true"
            android:id="@+id/textView2" />
    
        <ImageView
            android:layout_width="150dp"
            android:layout_height="150dp"
            app:srcCompat="@drawable/tk"
            android:layout_below="@+id/textView2"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="10dp"
            android:id="@+id/imageView" />
    
        <Button
            android:text="Button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/button"
            android:layout_marginTop="75dp"
            android:layout_below="@+id/imageView"
            android:layout_centerHorizontal="true" />
    </RelativeLayout>

    7.  Buka string.xml terletak di app ⇒ res ⇒ value dan copy kode di bawah ini.

    string.xml
    <resources>
        <string name="app_name">ButtonRotate</string>
        <string name="tk">Tahu Koding</string>
    </resources>

    8. Membuat animation file app ⇒ res ⇒ anim dan copy kode di bawah ini. 


    rotate_animation.xml
    <?xml version="1.0" encoding="utf-8"?>
    <rotate
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:duration="5000"
        android:fromDegrees="0"
        android:toDegrees="360"
        android:interpolator="@android:anim/linear_interpolator"
        android:repeatMode="restart"
        android:repeatCount="0"
        android:pivotX="50%"
        android:pivotY="50%"/>

    9. Sekarang Buka MainActivity.java terletak di app ⇒ src ⇒ Java dan copy kode di bawah ini.

    MainActivity.java
    package buttonrotate.tahukoding.com.buttonrotate;
    
            import android.content.Context;
            import android.support.v7.app.AppCompatActivity;
            import android.os.Bundle;
            import android.view.View;
            import android.view.animation.Animation;
            import android.view.animation.AnimationUtils;
            import android.widget.Button;
    
    public class MainActivity extends AppCompatActivity {
    
        private Context mContex;
        private Button btn;
        private Animation mRotateAnimation;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
            mContex = getApplicationContext();
    
            btn = (Button) findViewById(R.id.button);
    
            mRotateAnimation = AnimationUtils.loadAnimation(mContex, R.anim.rotate_animation);
            btn.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    btn.startAnimation(mRotateAnimation);
                }
            });
    
        }
    }

    Untuk menjalankan aplikasi dari Android Studio , klik Run ikon dari toolbar. Oke untuk Tutorial Android Button Rotate Animation telah selesai silahkan belajar tutorial android menarik lainya. bila ada kesulitan bisa orat oret di kolom komentar :D 

    Iklan Atas Artikel

    Iklan Tengah Artikel 1

    Iklan Tengah Artikel 2

    Iklan Bawah Artikel