Belajar Intent dengan ResultActivity di Android Studio

Codelab Intent dengan ResultActivity

Pada modul ini kita akan membedah hubungan activity dan intent dalam menerima nilai balik. Kadang kala ketika kita menjalankan sebuah activity dari activity lain, kita mengharapkan ada nilai hasil balik dari activity yang dijalankan ketika ia ditutup.

Contohnya kita memiliki activity A yang menjalankan activity B untuk melakukan sebuah proses. Lalu nilai hasil dari proses tersebut dikirimkan kembali ke activity A sebelum activity B ditutup dengan pemanggilan metode finish(). 

Itulah yang dinamakan sebuah activity menerima nilai hasil balik dari activity yang dia jalankan. Supaya lebih jelas, ayo kita lanjutkan lagi proses ngoding-nya.

1. Sekarang untuk menerapkan konsep di atas, buat sebuah activity baru dengan nama MoveForResultActivity.
   
2. Setelah itu pada activity_move_for_result.xml silakan kondisikan layout kita dengan 1 buah textview, 1 buah radiogroup, 3 buah radiobutton dan 2 buah button sebagai berikut:

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3.     xmlns:tools="http://schemas.android.com/tools"
4.     android:layout_width="match_parent"
5.     android:layout_height="match_parent"
6.     android:orientation="vertical"
7.     android:padding="16dp">
8.  
9.     <TextView
10.         android:layout_width="match_parent"
11.         android:layout_height="wrap_content"
12.         android:layout_marginBottom="16dp"
13.         android:text="@string/choose_number" />
15.     <RadioGroup
16.         android:id="@+id/rg_number"
17.         android:layout_width="match_parent"
18.         android:layout_height="wrap_content"
19.         android:orientation="vertical">
21.         <RadioButton
22.             android:id="@+id/rb_50"
23.             android:layout_width="match_parent"
24.             android:layout_height="wrap_content"
25.             android:layout_marginBottom="16dp"
26.             android:text="@string/_50" />
28.         <RadioButton
29.             android:id="@+id/rb_100"
30.             android:layout_width="match_parent"
31.             android:layout_height="wrap_content"
32.             android:layout_marginBottom="16dp"
33.             android:text="@string/_100" />
35.         <RadioButton
36.             android:id="@+id/rb_150"
37.             android:layout_width="match_parent"
38.             android:layout_height="wrap_content"
39.             android:layout_marginBottom="16dp"
40.             android:text="@string/_150" />
42.         <RadioButton
43.             android:id="@+id/rb_200"
44.             android:layout_width="match_parent"
45.             android:layout_height="wrap_content"
46.             android:layout_marginBottom="16dp"
47.             android:text="@string/_200" />
48.     </RadioGroup>
50.     <Button
51.         android:id="@+id/btn_choose"
52.         android:layout_width="match_parent"
53.         android:layout_height="wrap_content"
54.         android:text="@string/choose" />
55. </LinearLayout>

1. Tampilannya adalah seperti ini:
   
2. Setelah selesai, lanjutkan ke berkas MoveForResultActivity dengan mengenalkan komponen yang sudah ditambahkan

• Kotlin
• 
  

private lateinit var btnChoose: Button
private lateinit var rgNumber: RadioGroup

companion object {
    const val EXTRA_SELECTED_VALUE = "extra_selected_value"
    const val RESULT_CODE = 110
}
 
override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContentView(R.layout.activity_move_for_result)
 
    btnChoose = findViewById(R.id.btn_choose)
    rgNumber = findViewById(R.id.rg_number)   
}

• Java

public class MoveForResultActivity extends AppCompatActivity {
    private Button btnChoose;
    private RadioGroup rgNumber;

    public static final String EXTRA_SELECTED_VALUE = "extra_selected_value";
    public static final int RESULT_CODE = 110;
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_move_for_result);
 
        btnChoose = findViewById(R.id.btn_choose);
        rgNumber = findViewById(R.id.rg_number);
    }
}

Kemudian kita beri aksi pada button dengan menuliskan kode sebagai berikut

• Kotlin
• 
  

class MoveForResultActivity : AppCompatActivity(), View.OnClickListener {
    ...
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_move_for_result)
 
        btnChoose = findViewById(R.id.btn_choose)
        rgNumber = findViewById(R.id.rg_number)
 
        btn_choose.setOnClickListener(this)
    }
 
    override fun onClick(v: View) {
        if (v.id == R.id.btn_choose) {
            if (rg_number.checkedRadioButtonId != 0) {
                var value = 0
                when (rg_number.checkedRadioButtonId) {
                    R.id.rb_50 -> value = 50

                    R.id.rb_100 -> value = 100

                    R.id.rb_150 -> value = 150

                    R.id.rb_200 -> value = 200
                }

                val resultIntent = Intent()
                resultIntent.putExtra(EXTRA_SELECTED_VALUE, value)
                setResult(RESULT_CODE, resultIntent)
                finish()
            }
        }
    }
}

• Java

public class MoveForResultActivity extends AppCompatActivity implements View.OnClickListener {
    ...
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_move_for_result);
        ...
        btnChoose.setOnClickListener(this);
    }
 
    @Override
    public void onClick(View v) {
        if (v.getId() == R.id.btn_choose) {
            if (rgNumber.getCheckedRadioButtonId() != 0) {
                int value = 0;
                switch (rgNumber.getCheckedRadioButtonId()) {
                    case R.id.rb_50:
                        value = 50;
                        break;

                    case R.id.rb_100:
                        value = 100;
                        break;

                    case R.id.rb_150:
                        value = 150;
                        break;

                    case R.id.rb_200:
                        value = 200;
                        break;
                }

                Intent resultIntent = new Intent();
                resultIntent.putExtra(EXTRA_SELECTED_VALUE, value);
                setResult(RESULT_CODE, resultIntent);
                finish();
            }
        }
    }
}

Pada activity_main tambahkan lagi satu button dan satu textview yang akan kita gunakan untuk menjalankan MoveForResultActivity sebagai berikut:

<Button
    android:id="@+id/btn_move_for_result"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginBottom="16dp"
    android:text="@string/move_with_result" />

<TextView
    android:id="@+id/tv_result"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:text="@string/result_from_activity"
    android:textSize="24sp" />

Sehingga layout activity_main.xml yang kita punya menjadi seperti ini:

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3.     xmlns:tools="http://schemas.android.com/tools"
4.     android:layout_width="match_parent"
5.     android:layout_height="match_parent"
6.     android:orientation="vertical"
7.     android:padding="16dp">
8.  
9.     <Button
10.         android:id="@+id/btn_move_activity"
11.         android:layout_width="match_parent"
12.         android:layout_height="wrap_content"
13.         android:layout_marginBottom="16dp"
14.         android:text="@string/move_activity" />
15.  
16.     <Button
17.         android:id="@+id/btn_move_activity_data"
18.         android:layout_width="match_parent"
19.         android:layout_height="wrap_content"
20.         android:layout_marginBottom="16dp"
21.         android:text="@string/move_with_data" />
22.  
23.     <Button
24.         android:id="@+id/btn_move_activity_object"
25.         android:layout_width="match_parent"
26.         android:layout_height="wrap_content"
27.         android:layout_marginBottom="16dp"
28.         android:text="@string/move_with_object" />
29.  
30.     <Button
31.         android:id="@+id/btn_dial_number"
32.         android:layout_width="match_parent"
33.         android:layout_height="wrap_content"
34.         android:layout_marginBottom="16dp"
35.         android:text="@string/dial_number" />
36.  
37.     <Button
38.         android:id="@+id/btn_move_for_result"
39.         android:layout_width="match_parent"
40.         android:layout_height="wrap_content"
41.         android:layout_marginBottom="16dp"
42.         android:text="@string/move_with_result" />
44.     <TextView
45.         android:id="@+id/tv_result"
46.         android:layout_width="match_parent"
47.         android:layout_height="wrap_content"
48.         android:gravity="center"
49.         android:text="@string/result_from_activity"
50.         android:textSize="24sp" />
51. </LinearLayout>

Setelah selesai, kita lanjut mengenalkan textview dan button ke dalam berkas MainActivity

• Kotlin
• 
  

class MainActivity : AppCompatActivity(), View.OnClickListener {
 
    private lateinit var tvResult: TextView

    companion object {
        private const val REQUEST_CODE = 100
    }
 
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
 
        ...
 
        val btnMoveForResult:Button = findViewById(R.id.btn_move_for_result)
        btnMoveForResult.setOnClickListener(this)

        tvResult = findViewById(R.id.tv_result);
    }
}

• Java

public class MainActivity extends AppCompatActivity implements View.OnClickListener{

    TextView tvResult;
    private int REQUEST_CODE = 100;
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
 
        ...
 
        Button btnMoveForResult = findViewById(R.id.btn_move_for_result);
        btnMoveForResult.setOnClickListener(this);

        tvResult = findViewById(R.id.tv_result);
    }
    ...
}

Selanjutnya kita beri aksi pada button dengan menyesuaikan kodenya sebagai berikut

• Kotlin

...
 
override fun onClick(v: View) {
    when (v.id) {
        ...
        R.id.btn_move_for_result -> {
            val moveForResultIntent = Intent(this@MainActivity, MoveForResultActivity::class.java)
            startActivityForResult(moveForResultIntent, REQUEST_CODE)
        }
    }
}
 
override fun onActivityResult(requestCode: Int, resultCode: Int, data: Intent?) {
    super.onActivityResult(requestCode, resultCode, data)

    if (requestCode == REQUEST_CODE) {
        if (resultCode == MoveForResultActivity.RESULT_CODE) {
            val selectedValue = data?.getIntExtra(MoveForResultActivity.EXTRA_SELECTED_VALUE, 0)
            tv_result.text = "Hasil : $selectedValue"
        }
    }
}

• Java

   ...
 
    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            ...   
            case R.id.btn_move_for_result:
                Intent moveForResultIntent = new Intent(MainActivity.this, MoveForResultActivity.class);
                startActivityForResult(moveForResultIntent, REQUEST_CODE);
                break;
        }
    }
 
 
    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        super.onActivityResult(requestCode, resultCode, data);

        if (requestCode == REQUEST_CODE) {
            if (resultCode == MoveForResultActivity.RESULT_CODE) {
                int selectedValue = data.getIntExtra(MoveForResultActivity.EXTRA_SELECTED_VALUE, 0);
                tvResult.setText(String.format("Hasil : %s", selectedValue));
            }
        }
    }

1. Setelah selesai, pastikan tidak ada bagian kode yang tertinggal. Jalankan kembali aplikasinya, dan coba Anda pilih tombol Pindah Activity untuk Result. Pilih angka yang Anda suka dan lihat hasilnya. Di MainActivity sudah ada angka yang tadi Anda pilih di obyek textview.

Bedah Kode

startActivity dan startActivityForResult

Perbedaan mendasar antara perpindahan activity untuk menghasilkan nilai balik dengan tidak, adalah pada metode untuk menjalankan obyek intent-nya. Sebelumnya kita menggunakan startActivity(Intent) untuk berpindah activity. Nah, kali ini kita menggunakan startActivityForResult(Intent, RequestCode).

• Kotlin
• 
  

val moveForResultIntent = Intent(this@MainActivity, MoveForResultActivity::class.java)
startActivityForResult(moveForResultIntent, REQUEST_CODE)

• Java

Intent moveForResultIntent = new Intent(MainActivity.this, MoveForResultActivity.class);
startActivityForResult(moveForResultIntent, REQUEST_CODE);

Pada baris di atas, kita akan menjalankan sebuah activity melalui intent untuk nilai balik ke activity yang menjalankan di mana nilai REQUEST_CODE adalah 110. Penentuan nilai 110 itu dibebaskan dan kalau bisa disesuaikan dengan kebutuhan pengembangan aplikasi.

Result Activity

Kemudian pada MoveForResultActivity kita memilih satu angka yang kita suka, sebagai contoh angka 150. Kemudian tekanlah tombol ‘Pilih’. Maka baris kode di bawah ini akan dijalankan.

• Kotlin
• 
  

override fun onClick(v: View) {
    if (v.id == R.id.btn_choose) {
        if (rg_number.checkedRadioButtonId != 0) {
            var value = 0
            when (rg_number.checkedRadioButtonId) {
                R.id.rb_50 -> value = 50
 
                R.id.rb_100 -> value = 100
 
                R.id.rb_150 -> value = 150
 
                R.id.rb_200 -> value = 200
            }
 
            val resultIntent = Intent()
            resultIntent.putExtra(EXTRA_SELECTED_VALUE, value)
            setResult(RESULT_CODE, resultIntent)
            finish()
        }
    }
}

• Java

@Override
public void onClick(View v) {
   if (v.getId() == R.id.btn_choose){
       if (rgNumber.getCheckedRadioButtonId() != 0){
           int value = 0;
           switch (rgNumber.getCheckedRadioButtonId()){
               case R.id.rb_50:
                   value = 50;
                   break;
               case R.id.rb_100:
                   value = 100;
                   break;
               case R.id.rb_150:
                   value = 150;
                   break;
               case R.id.rb_200:
                   value = 200;
                   break;
           }
           Intent resultIntent = new Intent();
           resultIntent.putExtra(EXTRA_SELECTED_VALUE, value);
           setResult(RESULT_CODE, resultIntent);
           finish();
       }
   }
}

Pada kode di atas berfungsi untuk melakukan validasi nilai dari obyek radiobutton yang dipilih. Bila ada nilai dari radiobutton, maka proses selanjutnya adalah menentukan obyek radiobutton mana yang diklik berdasarkan nilai dari rgNumber.getCheckedRadioButtonId().

Mengapa kita tidak memeriksa langsung ke obyek radiobutton? Karena kita menggunakan radiogroup sebagai parent pada obyek-obyek radiobutton. Secara otomatis kita bisa mendapatkan mana obyek radiobutton yang dipilih dengan rgNumber.getCheckedRadioButtonId().

1. <RadioGroup
2.    android:id="@+id/rg_number"
3.    android:layout_width="match_parent"
4.    android:layout_height="wrap_content"
5.    android:orientation="vertical">
6.    <RadioButton
7.        android:id="@+id/rb_50"
8.        android:layout_width="match_parent"
9.        android:layout_height="wrap_content"
10.        android:text="50"
11.        android:layout_marginBottom="16dp"/>
12.    <RadioButton
13.        android:id="@+id/rb_100"
14.        android:layout_width="match_parent"
15.        android:layout_height="wrap_content"
16.        android:text="100"
17.        android:layout_marginBottom="16dp"/>
18.    <RadioButton
19.        android:id="@+id/rb_150"
20.        android:layout_width="match_parent"
21.        android:layout_height="wrap_content"
22.        android:text="150"
23.        android:layout_marginBottom="16dp"/>
24.    <RadioButton
25.        android:id="@+id/rb_200"
26.        android:layout_width="match_parent"
27.        android:layout_height="wrap_content"
28.        android:text="200"
29.        android:layout_marginBottom="16dp"/>
30. </RadioGroup>

Selanjutnya, ketika sudah didapatkan nilainya, maka baris ini akan dieksekusi:

• Kotlin
• 
  

val resultIntent = Intent()
resultIntent.putExtra(EXTRA_SELECTED_VALUE, value)
setResult(RESULT_CODE, resultIntent)
finish()

• Java

Intent resultIntent = new Intent();
resultIntent.putExtra(EXTRA_SELECTED_VALUE, value);
setResult(RESULT_CODE, resultIntent);
finish();

Kita membuat sebuah intent tanpa ada inputan apapun di konstruktornya. Kemudian kita meletakkan variabel value ke dalam metode putExtra(Key, Value) dengan EXTRA_SELECTED_VALUE bertipekan static string dan bernilai “extra_selected_value”. Kemudian kita jadikan obyek resultIntent yang telah dibuat sebelumnya menjadi parameter dari setResult(RESULT_CODE, Intent).

Setelah itu, kita panggil method finish() untuk menutup MoveForResultActivity.

Ketika MoveForResultActivity telah tertutup sempurna, maka metode onActivityResult() pada MainActivity akan dijalankan.

• Kotlin
• 
  

override fun onActivityResult(requestCode: Int, resultCode: Int, data: Intent?) {
    super.onActivityResult(requestCode, resultCode, data)
    if (requestCode == REQUEST_CODE) {
        if (resultCode == MoveForResultActivity.RESULT_CODE) {
            val selectedValue = data?.getIntExtra(MoveForResultActivity.EXTRA_SELECTED_VALUE, 0)
            tv_result.text = "Hasil : $selectedValue"
        }
    }
}

• Java

@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
   super.onActivityResult(requestCode, resultCode, data);
   if (requestCode == REQUEST_CODE){
       if (resultCode == MoveForResultActivity.RESULT_CODE){
           int selectedValue = data.getIntExtra(MoveForResultActivity.EXTRA_SELECTED_VALUE, 0);
           tvResult.setText("Hasil : "+selectedValue);
       }
   }
}

Di sinilah MainActivity akan merespon terhadap nilai balik yang dikirimkan oleh MoveForResultActivity. Pada baris 4 di atas, dilakukan perbandingan apakah requestCode sama dengan yang dikirimkan oleh MainActivity.

Kemudian pada baris 5, periksa apakah nilai resultCode sama yang dikirim oleh MoveForResultActivity. Bila iya, maka data radiobutton yang dipilih akan ditampilkan di textview tvResult. 

Kombinasi antara requestCode dan resultCode akan sangat berguna ketika kita ingin membuat suatu activity yang dapat merespon banyak skenario. Perhatikan contoh kode di bawah ini, di mana terjadi banyak skenario yang bisa terjadi.

• Kotlin
• 
  

override fun onActivityResult(requestCode: Int, resultCode: Int, data: Intent?) {
    super.onActivityResult(requestCode, resultCode, data)
 
    if (requestCode == REQUEST_1) {
        if (resultCode == RESULT_YES) {
 
        } else if (resultCode == RESULT_NO) {
 
        }
    } else if (requestCode == REQUEST_2) {
        if (resultCode == Activity.RESULT_OK) {
 
        } else if (resultCode == Activity.RESULT_CANCELED) {
 
        } else {
            // do nothing
        }
    } else {
        // do something
    }
}

• Java

protected void onActivityResult(int requestCode, int resultCode, Intent data) {
    super.onActivityResult(requestCode, resultCode, data);
 
    if (requestCode == REQUEST_1) {
        if (resultCode == RESULT_YES) {
 
        } else if (resultCode == RESULT_NO) {
 
        }
    } else if (requestCode == REQUEST_2) {
        if (resultCode == RESULT_OK) {
 
        } else if (resultCode == RESULT_CANCELED) {
 
        } else {
            // do nothing
        }
    } else {
        // do something
    }
}

Pada realita sehari-hari, konsep yang sudah kita pelajari akan bersinggungan dengan aplikasi native lainnya. Misalnya, jika aplikasi kita membutuhkan gambar yang diambil dari kamera atau gallery photo. Tentu kita mengharapkan nilai balik berupa alamat foto yang dapat diterima oleh activity yang menjalankan. Begitu juga jika kita membutuhkan data kontak yang berasal dari aplikasi phonebook bawaan peranti Android. 

Untuk lebih dalam lagi silakan pelajari materi pada tautan berikut: 

• Intent Result

Keren! Anda sudah belajar dasar-dasar penggunaan intent secara umum di proyek aplikasi Android. 4 intent secara eksplisit dan 1 secara implisit dengan satu di antaranya mencakup nilai balik dari activity yang dijalankan.

Untuk mendalami materi intent, silakan meluncur ke tautan di bawah ini.

• Intent Filters

Untuk source code materi, silakan unduh di tautan berikut ini :

• Source Code MyIntentApp