Kontrak Kuliah

Komponen Dasar UI
Android (Lanjutan)
Edi Sugiarto, S.Kom, M.Kom

1
 Praktikum 2.2 Menggunakan
Button
• Buatlah projek baru dengan nama
“demo_button1”

2
• Tambahkan komponen button pada layout

3
• Atur atribut untuk button

4
• Atur atribut untuk textview untuk id : textView1,
dan text : “ditekan : 0 kali”, gravity : center

5
• Kemudian Kembali ke class main_activity,

6
• Tulis kode berikut:

7
8
• Kemudian anda
run, lalu anda coba
tekan tombolnya.

9
 Praktikum 2.3
menggunakan RadioGroup dan
RadioButton
• Buatlah projek baru dengan nama
praktikum_2_3

10
• Kemudian atur komponen sbb:

11
• Dengan atribut-atributnya bisa dilihat pada file
xml berikut:
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">

<TextView
android:id="@+id/textViewPilih"
android:layout_width="320dp"
android:layout_height="23dp"
android:layout_marginStart="10dp"
android:layout_marginTop="10dp"
android:textColor="#FF5722"
android:textSize="20sp"
android:textStyle="bold"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.0"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView2" /> 12
<RadioGroup
android:id="@+id/radioGroup"
android:layout_width="340dp"
android:layout_height="229dp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView1">
<RadioButton
android:id="@+id/radioButton1"
android:layout_width="174dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="Teknik Informatika S1" />
<RadioButton
android:id="@+id/radioButton2"
android:layout_width="255dp"
android:layout_height="wrap_content"
android:text="Sistem Informasi S1" />
<RadioButton
android:id="@+id/radioButton3"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Ilmu Komunikasi S1" />
<RadioButton
android:id="@+id/radioButton4"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Teknik Informatika D3" />
</RadioGroup>

<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Pilih Program Studi"
android:textSize="34sp"
android:textStyle="bold"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />

<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="10dp"
android:layout_marginTop="10dp"
android:text="Program Studi Pilihan Anda:"
android:textSize="20sp"
android:textStyle="bold"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/radioGroup" />

</androidx.constraintlayout.widget.ConstraintLayout>
• Kemudian Kembali ke class main_activity,
tambahkan kode berikut:

16
17
• Selanjutnya anda run untuk melihat hasilnya:

Ketika
radioButton
diganti maka
teks akan
berubah

18
 Praktikum 2.4 Menggunakan
EditText
• EditText digunakan untuk memasukkan atau
memodifikasi teks, buatlah projek baru
kemudian buat dengan desian sbb:

editTextAngka1

editTextAngka2

ButtonTambah

editTextHasil

19
• Code pada xml nya sbb:
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">

<EditText
android:id="@+id/editTextHasil"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="20dp"
android:layout_marginTop="10dp"
android:ems="10"
android:inputType="number"
android:minHeight="48dp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView3"
20
tools:ignore="labelFor"
android:autofillHints="" />

<TextView
android:id="@+id/textView2"
android:layout_width="210dp"
android:layout_height="26dp"
android:layout_marginStart="20dp"
android:layout_marginTop="10dp"
android:text="Masukkan Angka 2"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/editTextAngka1" />

<TextView
android:id="@+id/textView3"
android:layout_width="210dp"
android:layout_height="26dp"
android:layout_marginStart="20dp"
android:layout_marginTop="10dp"
android:text="Hasil"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/buttonTambah" />
<TextView
android:id="@+id/textView"
android:layout_width="213dp"
android:layout_height="31dp"
android:layout_marginStart="20dp"
android:layout_marginTop="10dp"
android:text="masukkan_angka_1"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />

<Button
android:id="@+id/buttonTambah"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="20dp"
android:layout_marginTop="10dp"

android:text="Tambah"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/editTextAngka2" />
<EditText
android:id="@+id/editTextAngka1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="20dp"
android:layout_marginTop="10dp"
android:ems="10"
android:inputType="number"
android:minHeight="48dp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView"
tools:ignore="labelfor"
android:autofillHints="" />

<EditText
android:id="@+id/editTextAngka2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="20dp"
android:layout_marginTop="10dp"
android:ems="10"
android:inputType="number"
android:minHeight="48dp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView2"
tools:ignore="labelfor"
android:autofillHints="" />
</androidx.constraintlayout.widget.ConstraintLayout>
• Kemudian pada class MainActivity tulis kode
berikut

25
• Kemudian anda
run, dan coba
isikan angka1 dan
angka2 kemudian
tekan tombol
tambah

27
Ada Pertanyaan?

28
 Latihan 2.2
• Buatlah aplikasi untuk
menghitung luas dan
volume tabung dengan
contoh hasil berikut:

29
 Latihan 2.3
• Buatlah aplikasi untuk memilih cuaca dengan
desain dan implementasinya sbb:

30
Terima kasih

31