Membuat Aplikasi Pertama Dengan Android Studio

Pada tutorial kali ini dan selanjutnya, kami akan menggunakan IDE resmi keluaran Google yaitu Android Studio. Untuk yang baru pertama kali mencoba menggunakan android studio dapat didownload di situs resmi android berikut https://developer.android.com/studio/index.html. Ada beberapa kelebihan pada IDE ini yang menurut kami sangat membantu ketika menulis kode program, menjadikan pengerjaan menjadi lebih mudah dan lebih cepat. Disamping itu ada fitur preview yang memudahkan kita langsung melihat desain ui pada aplikasi yang kita buat. Sekarang tanpa berlama lama kita mulai membuat aplikasi android pertama kita di IDE resmi google yaitu Android Studio. Pada tutorial kali ini kami menggunakan Android Studio Versi 2.1.2. Setelah melakukan download dan instalasi Android Studio mari kita membuat aplikasi pertama dengan android studio.

android studio 1

Buat project baru dengan Android Studio melalui Welcome Screen kemudian pilih Start a new Android Studio project, atau bisa melalui menu File, pilih New Project.

Maka akan tampil jendela untuk konfigurasi project.

Application Name  : My First App
Company Domain  : salatigadev.com
Package Name        : com.salatigadev.myfirstapp
Project Location     : Bisa Anda pilih ke folder mana project akan disimpan, secara default akan mengarahkan ke folder AndroidStudioProject.
Klik Next, Checklist pada pilihan Phone and Tablet
Untuk minimum SDK pilih API 8: Android 2.2 (Froyo).

Klik Next, Pilih Empty Activity

Pilih nama activity dan layout yang Anda inginkan atau secara default MainActivity dan activity_main, klik Finish

Pertama kita akan membuat user interface sederhana, Buka file activity_main.xml ubah RelativeLayout menjadi LinearLayout, hapus elemen TextView

Tambahkan atribut android:orientation dan pilih horizontal

Hapus atribut android:padding

Tambahkan texfield berikut:

<EditText android:id="@+id/edit_message"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:hint="@string/edit_message" />

Tambahkan nilai String Resources untuk masing – masing nama string yang sudah dibuat

string.xml
<resources>
    <string name="app_name">My First App</string>
    <string name="edit_message">Tulis Pesan</string>
    <string name="button_send">Kirim</string>
    <string name="action_settings">Settings</string>

</resources>

Tambahkan tombol pada activity_main.xml

<Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/button_send"
        android:onClick="sendMessage"/>

android studio-4
Jika dilihat tampilan layoutnya masih belum pas dengan screen, maka kita masukan nilai 1 pada atribut layout_weight dan nilai 0dp pada atribut layout_width di elemen EditText

<EditText
    android:layout_weight="1"
    android:layout_width="0dp"
    ... />

Maka kita akan melihat hasil kodenya menjadi seperti berikut:

activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    tools:context="com.salatigadev.myfirstapp.MainActivity">

    <EditText android:id="@+id/edit_message"
        android:layout_weight="1"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:hint="@string/edit_message" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/button_send"
        android:onClick="sendMessage"/>

</LinearLayout>

Jalankan / run aplikasi yang baru saja kita buat.

Sekarang kita akan menambahkan respon apabila tombol kirim ditekan.

Buka layout activity_main.xml dan tambahkan atribut android:onClick pada elemen Button berikan nama method “sendMessage” yang akan dipanggil ketika user menekan tombol.

Buka class MainActivity.java dan masukan method sendMessage(), buat Intent untuk memanggil class DisplayMessageActivity yang akan digunakan untuk menampilkan pesan. Masukan kode hingga menjadi seperti berikut:

MainActivity.java
public void sendMessage(View view) {
		  Intent intent = new Intent(this, DisplayMessageActivity.class);
		  EditText editText = (EditText) findViewById(R.id.edit_message);
		  String message = editText.getText().toString();
		  intent.putExtra(EXTRA_MESSAGE, message);
		  startActivity(intent);
    }

Pada bagian atas class MainActivity.java tambahkan definisi untuk EXTRA_MESSAGE

public final static String EXTRA_MESSAGE = "com.salatigadev.myapplication.MESSAGE";

Selanjutnya, buat activity baru dengan nama DisplayMessageActivity.java di package dengan cara klik kanan pilih New > Activity > Empty Activity > Lalu isi nama Activity dan Layoutnya.

Untuk menampilkan pesan tulisan, buka layout activity_display_message.xml dan tambahkan atribut android:id didalam RelativeLayout.

Activity yang baru kita buat berfungsi untuk menangkap intent dari class MainActivity.java, ketikan kode hingga menjadi seperti berikut:

DisplayMessageActivity.java
public class DisplayMessageActivity extends AppCompatActivity {

	  @Override
	  protected void onCreate(Bundle savedInstanceState) {
		  super.onCreate(savedInstanceState);
		  setContentView(R.layout.activity_display_message);
		  Intent intent = getIntent();
		  String message = intent.getStringExtra(MainActivity.EXTRA_MESSAGE);
		  TextView textView = new TextView(this);
		  textView.setTextSize(40);
		  textView.setText(message);

		  RelativeLayout layout = (RelativeLayout) findViewById(R.id.content);
		  layout.addView(textView);
	  }
}

Jalankan aplikasi dan hasilnya akan seperti berikut.
android studio 2 android studio 3
Selamat! Kita baru saja membuat aplikasi pertama kita menggunakan Android Studio.

DOWNLOAD CODE

You may also like...

1 Response

  1. June 29, 2016

    […] kita sudah mempelajari aplikasi pertama yang sudah kita buat, kita akan sedikit lebih tau tentang bagaimana Activity pada android itu […]

Leave a Reply

Your email address will not be published. Required fields are marked *