 |
| Project Android Stuido Button Animasi |
Tampilan aplikasi android terutama bagian tombol klik atau Button Click yang terlihat kaku dan statik itu sangat membosankan. Sebagian besar user aplikasi android menginginkan aplikasi yang dipakainya terlihat unik dan menarik, sehingga hal ini menjadi tuntutan bagi para pengembang aplikasi (Developer App) agar aplikasi yang dibuatnya tetap dapat terlihat Unik dan menarik.
Pada kesempatan ini, mimin ingin berbagi tutorial membuat Button Animasi. Atau Button yang di touch terlihat berkedip saat di touch.
Pertama:
Buatah project baru pada android studio dengan nama Button Animasi (Nama terserah anda).
 |
| Menambahkan Directory di res |
Kedua:
Tambahkan direktory pada bagian "res" dengan cara arahkan kursor ke bagian "res" dan Klik kanan Mouse, lalu pilih "New" dan pilih dan klik menu "Directory"
res => New => Directory
Ketiga:
Isikan kata "anim" (jangan kata selain anim) dan ENTER
 |
| Menambahkan Animation Resource di directory anim |
Keempat:
Tambahkan Animation Resource File pada directory Anim yang telah dibuat. Caranya: Klik kanan pada direktory Anim tadi.
anim => New => Animation Resource File
* Nama Animation Resource File bebas, silahkan kreasi sendiri supaya mudah diingat
Kelima:
Bukalah Animation Resource File yang telah dibaut dengan cara double klik Animation Resource File tersebut.
Keenam:
Tambahkan kode berikut pada Animation Resource File yang telah dibuat.<alpha
android:fromAlpha="1.0"
android:toAlpha="0.1"
android:duration="100" // durasi berkedip dalam milidetik
android:repeatCount="1"
android:repeatMode"reverse"
Ketujuh:
Pada "MainActivity.java" Tambahkan kode java berikut.
public class MainActivity extends AppCompatActivity {
Button alphaTombol;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
alphaTombol=findViewById(R.id.alpha);
animAlpha=AnimationUtils.loadAnimation(this, R.anim.anim_alpha);
alphaTombol.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
v.startAnimation(animAlpha);
}
});
}
}
Kedelapan:
Pada "activity_main.xml" tambahkan kode Button Berikut.
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity"
android:orientation="vertical"
android:background="#00574B">
<Button
android:layout_marginTop="20dp"
android:layout_width="200dp"
android:layout_height="80dp"
android:id="@+id/alpha"
android:text="Buton Alpha"
android:textStyle="bold"
android:textSize="16dp"
android:background="@drawable/bulet_tombol"
tools:ignore="HardcodedText,SpUsage"
android:layout_gravity="center_horizontal"/>
</LinearLayout>
Kesembilan:
Cobalah Run Aplikasi anda (Sambungkan dengan emulator atau prangkat android anda) dan lihat hasinya. Jika terjadi error, Cek dibagian "logcat".
Baca juga:
No comments:
Post a Comment