Skip to main content

TUGAS 2 : MENGENAL KOMPONEN UI PADA ANDROID STUDIO

 

A. Buat Project

Buatlah project baru dengan konfigurasi yang sama seperti tugas sebelumnya atau bisa dilihat kembali pada pengerjaan tugas modul 2, minggu lalu. Lalu save dengan nama latihan3_marizka

B. Coding

1. Masukan source code dibawah ini pada activity_main.xml
 

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<?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="vertical"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/lbl_datang"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@string/s_datang"
        android:textAlignment="center"
        android:textSize="25sp"
        android:textStyle="bold"
        android:textColor="@color/black"
        android:layout_marginBottom="25dp"
        android:layout_marginTop="25dp"/>



    <EditText
        android:id="@+id/nama"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="@string/masukan_nama_anda"
        android:textSize="20sp"
        android:layout_marginBottom="25dp"
        tools:ignore="TouchTargetSizeCheck"
        android:autofillHints=""
        android:inputType=""/>

    <TextView
        android:id="@+id/lbl_tinggal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="15sp"
        android:text="@string/pilih_alamat_tinggal_anda"
        android:textColor="#808080"/>

    <RadioGroup
        android:id="@+id/pilihan_kota"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/kuningan"
            android:textSize="15sp"/>
        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/kab.cirebon"
            android:textSize="15sp"/>
        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/kota_cirebon"
            android:textSize="15sp"/>
        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/majalengka"
            android:textSize="15sp"/>
        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/indramayu"
            android:textSize="15sp"/>
    </RadioGroup>



    <Button
        android:id="@+id/klik"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="@string/klik" />


</LinearLayout>
    



2. Lalu tak lupa juga untuk memasukan source code pada string.xml agar tidak terjadi error.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
<resources>
    <string name="app_name">latihan3_marizka</string>
    <string name="s_datang">SELAMAT DATANG</string>
    <string name="nama">Nama</string>
    <string name="masukan_nama_anda">Masukan Nama Anda</string>
    <string name="pilih_alamat_tinggal_anda">Pilih Alamat Tinggal Anda :</string>
    <string name="kuningan">Kuningan</string>
    <string name="kab.cirebon">Kab.Cirebon</string>
    <string name="kota_cirebon">Kota Cirebon</string>
    <string name="majalengka">Majalengka</string>
    <string name="indramayu">Indramayu</string>
    <string name="klik">KLIK</string>
</resources>

5. Masukan source code dibawah ini pada bagian MainActivity.java karena akan error nantinya.



 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
package com.example.latihan3_marizka;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.widget.Button;
import android.widget.EditText;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.TextView;
public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //Mendapatkan Referensi Objek yang telah ditambahkan pada activity_main.xml
        final TextView myTextView = (TextView) findViewById(R.id.lbl_datang);
        final EditText textField = (EditText) findViewById(R.id.nama);
        final RadioGroup myRadioGroup = (RadioGroup) findViewById(R.id.pilihan_kota);

        Button myButton = (Button) findViewById(R.id.klik);

        //Menambahkan Event listener ketika Objek Button Dengan "ID Klik" di Klik
        //On Click(View V) akan di jalankan pada saat Tombol di tekan
        myButton.setOnClickListener(v -> {

            //Mendapakan posisi Pilihan, dimana posisi pilihan dimulai dari O
            int id_pilihan = myRadioGroup.getCheckedRadioButtonId();

            //Mendapatkan Object Radio Pilihan Menggu nakan ID
            RadioButton pilihankota = (RadioButton) findViewById(id_pilihan);

            //Mengubah nilai Teks dari Objek TextView dengan id SDatang
            myTextView.setText("Hallo, " + textField.getText().toString() + "\n Anda dari " + pilihankota.getText().toString());
        });


    }}



6. Lalu run programnya dan liat hasilnya di emulator android yang sudah terpasang seperti di bawah ini :








Jika kita isi nama dan pilih alamatnya maka hasilnya akan seperti ini :








 




Comments

Post a Comment