I'm trying to set and onclicklistener so that when I click within the edittext element it will clear its current contents. Is there something wrong here? When I compile this code I get a force quit and ActivityManager: Can't dispatch DDM chunk 4d505251: no handler defined error. public class Project extends Activity implements OnClickListener { /** Called when the activity is first created. */ EditText editText = (EditText)findViewById(R.id.editText1); @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); editText.setOnClickListener(this); setContentView(R.layout.main); } @Override public void onClick(View v) { // TODO Auto-generated method stub editText.setText(""); } }
8
Halo kawan programmer, para artikel ini penulis akan membagikan sebuah tutorial sederhana bagaimana cara membuat Button onClick Events pada Android Studio. Setelah kemarin selesai membuat New Project untuk aplikasi pertama yang Anda buat di Android Studio kini saatnya kita belajar membuat tombol baru yang dapat melakukan fungsi tertentu pada saat di klik, jadi pada aplikasi yang kita buat tentu belum bisa melakukan aksi apapun karena belum ada kode untuk melakukan sebuah perintah pada saat di klik. Seperti yang kita ketahui bahwa pada Android studio kita bisa menambahkan berbagai komponen seperti Widget, Text Fields (EditText), Layouts, Containers, Images & Media, Date & Time, Transitions, Custom Google, Design, AppCompat yang semuanya berada di dalam Palette Android Studio. Namun setelah menambahkan semua itu, tentu masih hanya berupa tampilan biasa yang belum ada fungsi atau perintah apa yang kita inginkan. Nah, pada tulisan ini saya akan menjelaskan mengenai fungsi Button onClick Events. Untuk memberikan fungsi Button onClick bisa kita lakukan melalui menu Properties dan menginputkan variable pada kolom onClick seperti gambar di atas. Alur Programnya seperti ini:
2. Buatlah project baru dengan nama ButtonOnCLick – Lihat tutorial membuat project baru pada android studio disini: Cara Membuat Project Baru Aplikasi pada Android Studio. 3. Setelah membuat project baru silahkan buat desain layout pada activity_main.xml seperti gambar dibawah ini. Atau Anda bisa juga memasukkan listing kode berikut ke dalam file activity_main.xml <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_main" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" android:paddingBottom="@dimen/activity_vertical_margin" tools:context="com.caratutorial.buttononclick.MainActivity"> <Button android:text="Button" android:layout_width="match_parent" android:layout_height="wrap_content" android:onClick="ButtonOnClick" android:layout_alignParentTop="true" android:layout_alignParentStart="true" /> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:id="@+id/textView" android:textSize="24sp" android:textStyle="normal|bold" android:textAlignment="center" android:visibility="invisible" android:text="TextView" android:layout_marginTop="84dp" android:layout_below="@+id/button" android:layout_alignParentStart="true" /> </RelativeLayout> Untuk memasukkan kode diatas, silahkan masuk ke mode Text seperti gambar dibawah
4. Setelah itu, silakan buka MainActivity.java dan masukkan listing kode di bawah ini: package com.caratutorial.buttononclick; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.TextView; public class MainActivity extends AppCompatActivity { TextView textview; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); textview = (TextView) findViewById(R.id.textView); } public void ButtonOnClick(View V){ textview.setText("Button telah di Klik"); textview.setVisibility(View.VISIBLE); } } 5. Simpan project Anda dan jalankan Aplikasi Anda dengan cara klik tombol Run atau melalui menu Run > Run ‘app’ kemudian memilih perangkat yang Anda gunakan. Anda bisa menggunakan Android Virtual Device (AVD) atau menggunakan ponsel Anda untuk Run app Anda. Silahkan lihat: Cara Membuat Android Virtual Device (AVD) Emulator Android Studio. 6. Setelah aplikasi di jalankan, hasilnya akan seperti gambar screenshot dibawah ini: Selesai. Kamu juga bisa membuat desain sesuai versi kamu, atau bisa juga mengganti tulisan keterangan sesuai dengan yang kamu inginkan. Bagaimana? Sudah paham kan? Jika belum paham, silahkan lihat tutorial video Nya di bawah ini. Jika kamu mengalami masalah seperti ini: Session ‘app’: Error Installing APK, silahkan lihat solusi untuk mengatasi masalah tersebut pada tutorial ini: [FIX] Solved Session ‘app’: Error While Installing APK Android Studio Project. Selesai! Saya juga membagikan file project aplikasi ini yang bisa kamu download melalui link berikut:DOWNLOAD PROJECT Sekian tutorial tentang membuat fungsi OnClick pada Button di Android Studio. Silahkan di coba dan jika ada pertanyaan, silahkan tanyakan melalui kolom komentar. Semoga bermanfaat…
Pada pengembangan aplikasi android, kita dapat membuat tampilan android dengan lebih mudah mengunakan android studio. Pada android studio sudah disediakan beberapa komponen yang dapat digunakan (tinggal drag n drop untuk menggunakan komponen tersebut). Namun sebelum kita dapat membuatnya, mari kita bahas beberapa komponen yang paling sering digunakan. Basic Views: Penggunaan dasar-dasar UI control (Button, EditText, TextView) dan juga cara menggunakan layouts pada Android Studio. Dari ketiga penggunaan UI control basics, dengan penggunaan Button, EditText, dan TextView dengan properti yang berbeda-beda, maka nantinya akan bisa dibuat sebuah user interface yang beragam dan hal ini akan berdampak juga terhadap fungsionalitas dan suasana dari aplikasi yang bisa diubah-ubah, bahkan ketika menggunakan view yang sama. Selain TextView view, Terdapat beberapa jenis Basic Views lain yang akan sering digunakan pada Android Studio Pallete, yaitu:
Penggunaan UI control basics pada Android Studio Palette: Gambar diatas menunjukkan tampilan ketika kita membuat sebuah UI menggunakan visual editor dalam Android Studio. Di halaman tersebut, kita dapat memilih beberapa item yang telah disediakan oleh Android Studio pada saat membuat UI aplikasi kita, dimana palette ini menyusun item tersebut ke dalam beberapa kategori seperti Layouts, Widgets (TextView, Button, ImageView), TextFields (Plain Text, Passwords, dll), containers, dan lainnya. Di halaman ini, kita juga dapat memodifikasi properti-properti dari sebuah control pada bagian properti, dimana properti tersebut berupa Views, Widget, dan Input Controls:
Dari keseluruhan komponen dan bagian interaktif pada aplikasi dikenal sebagai input controls. Handling User Input Agar dapat menerima inputan dari user, kita dapat menggunakan EditText agar data dari user dapat diterima dalam aplikasi. Agar memudahkan user dalam mengisi inputan sesuai yang diminta aplikasi, kita dapat menambahkan TextView sebagai label untuk membantu user dalam memasukkan inputan. Terdapat beberapa tahap yang dapat dilakukan dalam membuat sebuah TextView:
Menggunakan Button untuk User Action Terdapat dua jenis control yang bisa digunakan pada Android Studio Palette, yaitu Button dan ImageButton, dimana perbedaannya adalah Button ditandakan dengan label dan ImageButton ditandakan dengan gambar. Button: Untuk menampilkan button di dalam sebuah activity, kita dapat menambahkan button ke dalam file activity XML: <Button android:id=”@+id/button_id” android:layout_height=”wrap_content” android:layout_width=”wrap_content” android:text=”@string/self_destruct” /> Untuk spesifikasi sebuah action ketika button ditekan, tambahkan click listener kepada object button di dalam koding activity yang dituju dengan koding seperti berikut: public class MyActivity extends Activity { protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.content_layout_id); final Button button = findViewById(R.id.button_id); button.setOnClickListener(new View.OnClickListener() { public void onClick(View v) { // Code here executes on main thread after user presses button } }); } } Kodingan diatas membuat sebuah instance View.OnClickListener dan menghubungkan listener tersebut kepada button menggunakan setOnClickListener (View.OnClickListener). Dari kodingan ini nantinya sistem akan mengeksekusi kode yang telah dibuat di dalam onClick (View) setelah user menekan tombol tersebut. Image Button Untuk menambahkan ImageButton ke dalam aplikasi, kita dapat membuat sebuah file XML yang berisikan ImageButton, dimana dalam kasus ini kita ingin membuat ImageButton Home dan Youtube seperti dalam gambar diatas dengan kodingan sebagai berikut: <ImageButton android:id=”@+id/simpleImageButtonHome” android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:layout_centerHorizontal=”true” android:background=”@drawable/custom_image_button” android:padding=”20dp” android:src=”@drawable/home” /> <ImageButton android:id=”@+id/simpleImageButtonYouTube” android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:layout_below=”@+id/simpleImageButtonHome” android:layout_centerHorizontal=”true” android:layout_marginTop=”20dp” android:background=”#005″ android:padding=”20dp” android:src=”@drawable/youtube” /> Dari kodingan diatas, terdapat komponen-komponen penting yang digunakan untuk membuat sebuah ImageButton, yaitu:
Setelah membuat sebuah ImageButton pada file XML, kita berpindah ke MainActivity.Java untuk menampilkan image button yang sudah dibuat dan menambahkan click event agar tombol tersebut dapat mengakses halaman yang diinginkan dan juga menampilkan text untuk item yang dipilih menggunakan toast dengan kodingan seperti berikut: public class MainActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); // initiate view’s ImageButton simpleImageButtonHome = (ImageButton)findViewById(R.id.simpleImageButtonHome); ImageButton simpleImageButtonYouTube = (ImageButton)findViewById(R.id.simpleImageButtonYouTube); // perform click event on button’s simpleImageButtonHome.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { Toast.makeText(getApplicationContext(),”Home Button”,Toast.LENGTH_LONG).show();// display the toast on home button click } }); simpleImageButtonYouTube.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { Toast.makeText(getApplicationContext(),”YouTube Button”,Toast.LENGTH_LONG).show();// display the toast on you tube button click } }); } } Referensi: |