Android Fundamentals 2.1 : Activities and Intents

Alat dan aplikasi yang diperlukan:

• PC/Desktop dengan Sistem Operasi Windows
• Java Development Kit (JDK) versi 11
• Android Studio versi 3.3

Tugas 1 : Membuat Proyek TwoActivities

1.1 Buat Proyek TwoActivities

Buatlah proyek baru seperti pada langkah awal di Android Fundamentals 1.1 : Android Studio dan Hello World dengan nama TwoActivities. Maka akan muncul tampilan MainActivity.java.

Membuat proyek baru dengan nama TwoActivities

Tampilan file MainActivity.java

1.2 Mendefinisikan Layout Activity Utama

1. Buka res>layout>activity_main.xml pada panel Project>Android.
2. Pilih tab Design.
3. Pastikan ikon Autoconnect dalam keadaan aktif.
4. Drag and drop Button dari panel Palette.
5. Pada panel Attributes, beri nama ID button menjadi button_main, layout_weight, layout_height menjadi wrap_content dan ubah nama TextField menjadi SEND.

6. Klik tab Text. Tambahkan atribut seperti berikut pada button:

android:onClick=”launchSecondActivity”

Akan muncul garis merah pada tulisan launchSecondActivity karena belum ada method yang dibuat.

7. Buat string resource pada android:text=”SEND” (Edit layout XML) dengan resource name button_main.

Mengatur resource name SEND menjadi button_main dengan cara menekan Alt+Enter pada SEND

Resource name: button_main

Atribut android:text=”SEND” pada button telah berubah sesuai dengan pengaturan resource name

1.3 Menentukan Button Action

Pada langkah ini, kamu akan mengimplementasikan method launchSecondActivity() yang mengacu pada atribut android:onClick.

1. Klik “launchSecondActivity()” pada file activity_main.xml.
2. Tekan Alt+Enter dan pilih Create ‘launchSecondActivity(View)’ in ‘MainActivity. (Menambahkan onClick Handler untuk Elemen Button)

Create ‘launchSecondActivity(View)’ in ‘MainActivity

Hasil dari Create ‘launchSecondActivity(View)’ in ‘MainActivity akan terarahkan pada file MainActivity.java

3. Tambahkan statement berikut pada method launchSecondActivity.

Log.d(LOG_TAG, “Button clicked!”);

LOG_TAG akan ditampilkan dengan warna merah

4. Pada bagian atas class MainActivity.java, tambahkan konstanta untuk variabel LOG_TAG.

private static final String LOG_TAG = MainActivity.class.getSimpleName();

5. Jalankan aplikasi pada emulator. Klik tombol SEND, lalu cek tab Logcat untuk melihat log “Button clicked!”.

Tugas 2 : Membuat dan Menjalankan Aktivitas Kedua

2.1 Membuat Aktivitas Kedua

1. Klik pada folder app pada proyek TwoActivities. Pada menu bar bagian atas, pilih File>New>Activity>Empty Activity.

Pilih pada menu bar bagian atas File>New>Activity>Empty Activity

2. Isi kolom Activity Name dengan SecondActivity. Klik Finish.

2.2 Memodifikasi File AndroidManifest.xml

1. Buka file AndroidManifest.xml (app>src>main>AndroidManifest.xml)

2. Cari tag elemen <activity> yang mengacu pada aktivitas kedua.

3. Ubah seluruh elemen <activity> dengan kode berikut:

<activity android:name=”.SecondActivity”

android:label=”Second Activity”

android:parentActivityName=”.mainActivity”>

<meta-data

android:name=”android.support.PARENT_ACTIVITY”

android:value=”com.example.twoactivities.MainActivity”

/>

</activity>

Pastikan value dari atribut android:value sama dengan nama package yang sedang digunakan.

4. Buat string resource pada atribut android:label=”Second Activity” dengan resource name activity2_main.

2.3 Menentukan Layout untuk SecondActivity

1. Buka activity_second.xml dan klik tab Design.
2. Drag TextView dari panel Palette ke bagian pojok kiri atas layout dan tambahkan constraint ke bagian atas dan kiri layout. Atur atribut dan value seperti berikut:

id = text_header

Top Margin = 16

Left Margin = 8

layout_width = wrap_content

layout_height = wrap_content

text = Message Received

textAppearance = AppCompat.Medium

textStyle = B (bold)

3.

4.

2.4 Menambahkan Intent pada Main Activity

1. Buka file MainActivity.java.
2. Buat sebuah Intent baru pada method launchSecondActivity() .

3. Panggil method startActivity(intent); .

4. Jalankan aplikasi.

Ketika button SEND pada tampilan aplikasi TwoActivities diklik, maka akan berpindah ke tampilan Second Activity

Tugas 3 : Mengirim Data dari Main Activity ke Second Activity

3.1 Menambahkan EditText ke Layout MainActivity

1. Buka file activity_main.xml.
2. Drag elemen EditText dari panel Palette ke bagian bawah layout dan tambahkan constraint ke sisi kiri, bawah, dan sisi kiri button Send layout. Atur atribut pada panel Attributes dengan value berikut:

id = editText_main

Right margin = 8

Left margin = 8

Bottom margin = 16

layout_width = match_constraint

layout_height = wrap_content

inputType = textLongMessage

hint = Enter Your Message Here

text = (Hapus teks yang ada)

3. Klik tab Text untuk mengedit kode XML. Extract “Enter Your Message” string menjadi resource name editText_main.

3.2 Menambahkan String pada Extras Intent

1. Buka file MainActivity.java.
2. Tambahkan konstanta public di bagian atas kelas untuk mendefinisikan Intent extra key.

public static final String EXTRA_MESSAGE = “com.example.adroid.twoactivities.extra.MESSAGE”;

3. Tambahkan variabel privat pada bagian atas kelas supaya bisa melakukan EditText:

private EditText mMessageEditText;

4. Pada method onCreate() , gunakan findbyViewId() untuk mendapatkan referensi ke EditText dan menetapkannya pada variabel privat:

mMessageEditText = findViewById (R.id.editText_main);

5. Pada method launchSecondActivity() , di bawah Intent yang baru, dapatkan text dari EditText dengan string:

String message = mMessageEditText.getText().toString();

6. Tambahkan string tersebut ke Intent sebagai extra dengan konstanta EXTRA_MESSAGE sebagai kunci dan string sebagai value:

intent.putExtra(EXTRA_MESSAGE, message);

3.3 Menambahkan TextView pada Bagian Pesan SecondActivity

1. Buka file activity_second.xml.
2. Drag elemen TextView pada layout di bawah text_header, dan tambahkan constraint ke sebelah kiri layout dan bawah text_header. Atur attribute dan value pada panel Attribute seperti berikut:

id = text_message

Top margin = 8

Left margin = 8

layout_width = wrap_content

layout_height = wap_content

text = (Hapus teks pada bagian ini)

textAppearance = AppCompat.Medium

3. Layout baru akan menampilkan tampilan yang sama pada Tugas 3 karena TextView text_message tidak tertulis apa-apa. Tampilan kode XML kurang lebih seperti berikut.

3.4 Memodifikasi SecondActivity untuk Mendapatkan Extras dan Menampilkan Pesan

1. Buka file SecondActivity.java untuk menambahkan method onCreate() .
2. Masukkan kode Intent yang mengatifkan aktivitas seperti berikut:

Intent intent = getIntent();

3. Mengambil string berisi pesan dari extras Intent menggunakan variabel static MainActivity.EXTRA_MESSAGE sebagai kunci dengan kode berikut:

String message = intent.getStringExtra (MainActivity.EXTRA_MESSAGE);

4. Menggunakan findViewByID() untuk mengambil referensi ke TextView pesan dari layout:

TextView textView = findViewById(R.id.text_message);

5. Atur text TextView dari string menjadi Intra extent.

textView.setText(message);

6. Jalankan aplikasi. Ketika mengetik di layout TwoActvities lalu klik SEND, maka SecondActivities akan muncul dan menampilkan pesan yang ditulis pada TwoActivities.

Tugas 4: Mengembalikan Data ke mainActivity

4.1 Menambahkan EditText dan Button ke Layout SecondActivity

1.

<string name="button_second">Reply</string>
<string name="editText_second">Enter Your Reply Here</string>

2.

3.

4.

5.

6.

4.2 Create a response Intent in the second Activity

4.3 Menambahkan Elemen TextView untuk Menampilkan Balasan

1. akdksahd

2.

3.

4.

5.

6.

4.4 Memanggil Balasan dari Intent dan Menampilkannya

1. Buka file MainActivity.java.

2. akdh

Sumber:

https://codelabs.developers.google.com/codelabs/android-training-create-an-activity/