-->



5/recent-posts/slider2

404

We Are Sorry, Page Not Found

Apologies, but the page you requested could not be found.

Home Page

Tutorial Android Button Bounce Animation

By : On
Tutorial ini menunjukkan bagaimana untuk membuat tombol dengan efek bouncing 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 ⇒ ButtonBounce
     => Company domain ⇒ example.com (Misalnya: com.tahukoding.buttonbounce)
     => Project Location ⇒ memilih lokasi untuk project Anda.

     3. Pada Select the form factors your app will run on, centang 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="buttonbounce.tahukoding.com.buttonbounce.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_below="@+id/imageView"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="24dp" />
</RelativeLayout>

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

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

    8. Membuat animation file app ⇒ res ⇒ anim dan copy kode di bawah ini.
    bounce_animation.xml 
    <?xml version="1.0" encoding="utf-8"?>
<set
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shareInterpolator="@android:anim/bounce_interpolator">

    <scale
        android:fromXScale="0.2"
        android:toXScale="1.0"
        android:fromYScale="0.2"
        android:toYScale="1.0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:duration="900"
        />

</set>

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

    MainActivity.java

    package buttonbounce.tahukoding.com.buttonbounce;

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 mBounceAnimation;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mContex = getApplicationContext();

        btn = (Button) findViewById(R.id.button);

        mBounceAnimation = AnimationUtils.loadAnimation(mContex, R.anim.bounce_animation);
        btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                btn.startAnimation(mBounceAnimation);
            }
        });

    }
}

    Untuk menjalankan aplikasi dari Android Studio , klik Run ikon dari toolbar. Oke untuk Tutorial Android Button Bounce Animation telah selesai silahkan belajar tutorial android menarik lainya. bila ada kesulitan bisa orat oret di kolom komentar :D
    Google+ Linked In Pin It
    No comments:

    Subscribe to: Post Comments (Atom)
    All Rights Reserved by Tahu Koding © 2015 - 2016