Cara Menampilkan Hasil Inputan dari Edittext dan Radio Button di Android Studio



 


Setelah belajar pengenalan project sederhana biodata kemarin, kini kita mencoba untuk menampilkan hasil dari inputan dari Edittext dan Radio Button di halaman yang sama.

Syaratnya, Kamu harus mengikuti langkah langkah pembuatan yang benar. Berikut ini kami akan membagikan Cara Menampilkan Hasil Inputan dari Edittext dan Radio Button di Android Studio

Persiapan

  1. Install Android Studio – Sebelum kamu membuat sebuah aplikasi Android, Kamu harus menginstall software Android Studio. Melalui langkah ini untuk menginstall Android Studio di linux manjaro. 
  2.  Spesifikasi Laptop – Spesifikasi yang dibutuhkan adalah RAM minimal 4GB. Yang direkomendasikan 8GB RAM, dan tambahan 1GB untuk menjalankan Emulator Android.

Praktik

1. Buka Aplikasi Android studio , bisa lewat terminal atau app manager

2. Tampilan Awal Android Studio

Disini merupakan tampilan awal ketika kamu membuka aplikasi android studio ,terdapat bebrapa pilihan , kamu harus klik menu start a new Android Studio Project untuk membuat aplikasi baru

3. Memilih Template Projek

Terdapat beberapa template default projek android studio, disini kita akan memakai template empty Activity

4. Mengonfigurasi projek

Terdapat beberapa konfigurasi untuk projek kamu , diantaranya
  • Application Name : Merupakan nama untuk aplikasi yang akan kalian bangun (Huruf pertama usahakan huruf kapital).
  • PackageName : Merupakan alamat Website kalian atau perusahaan atau yang lainnya, jika tidak ada bisa diisi sesukanya saja, yang pasti harus diisi.Package name ini tidak boleh sama dengan aplikasi lain yang akan anda buat nantinya.
  • SaveLocation : Merupakan lokasi dimana Project yang kalian bangun akan di simpan.
  • Language : Bahasa pemrograman yang akan di pergunakan untuk membuat aplikasi, anda bisa memilih Bahasa Java atau Kotlin

5. Menambahkan Element pada tab desain


A. Menambahkan TextView, EditText, RadioGroup, RadioButton dan Button dapat dilakukan dengan cara beri pallete dengan men drag ke lembar kerja
 


 
B. Atau bisa dengan mengedit source code nya langsung dengan mengaktifkan menu Split atau Code di pojok kanan atas , dengan script dibawah ini 
Perhatikan text yg warna putih , saya sarankan agar di samakan tiap ID nya ,untuk meminimalisir terjadinya error.
 
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
android:orientation="vertical"
tools:context=".MainActivity">

<TextView
android:id="@+id/textPrint"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="30dp"
android:text="Selamat Datang"
android:textAlignment="center"
android:textSize="30dp" />


<TextView
android:id="@+id/textnama"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Nama : "
android:layout_marginTop="25dp"
android:layout_marginLeft="25dp"
android:layout_marginRight="25dp"/>
<EditText
android:id="@+id/textField"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="25dp"
android:layout_marginLeft="25dp"
android:layout_marginRight="25dp"/>

<TextView
android:id="@+id/textalamat"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Alamat : "
android:layout_marginTop="50dp"
android:layout_marginLeft="25dp"
android:layout_marginRight="25dp"/>

<RadioGroup
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="25dp"
android:layout_marginTop="25dp"
android:layout_marginRight="25dp"
android:id="@+id/pilihan_kota">

<RadioButton
android:id="@+id/cirebon"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="cirebon" />
<RadioButton
android:id="@+id/kuningan"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="kuningan" />
<RadioButton
android:id="@+id/majalengka"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="majalengka" />
</RadioGroup>

<Button
android:id="@+id/submitButton"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Submit"
android:layout_marginTop="25dp"
android:layout_marginLeft="25dp"
android:layout_marginRight="25dp"/>


</LinearLayout>
 
 
 
B. Kemudian tambahkkan fungsi untuk menampilkan hasil inputannya pada file MainActivity.java sehingga codingan seperti dibawah ini

 
Perhatikan text yg warna putih , untuk package name , harus disamakan seperti settingan yang kalian buat , seperti contoh no 4 diatas.
 

package com.example.tugas3_faizalanwar;

import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;

import android.view.View;
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.textPrint);
final EditText textField = (EditText) findViewById(R.id.textField);
final RadioGroup myRadioGroup = (RadioGroup) findViewById(R.id.pilihan_kota);
Button myButton = (Button) findViewById(R.id.submitButton);

// Menambahkan event listener ketika objek Button dengan id submitButton diklik
// onClick(View v) akan dijalankan pada saat tombol diklik
myButton.setOnClickListener(new View.OnClickListener(){
@Override
public void onClick(View v){
// Mendapatkan posisi pilihan, dimana posisi pilihan dimulai dari 0
int id_pilihan = myRadioGroup.getCheckedRadioButtonId();

// Mendapatkan objek radio_pilihan menggunakan id
RadioButton pulau_pilihan = (RadioButton) findViewById(id_pilihan);

// Mengubah nilai teks dari objek TextView dengan id textPrint
myTextView.setText("Halo, " + textField.getText().toString() + " \nAnda dari "
+ pulau_pilihan.getText().toString());
}
});

}
}

 
 

6. Menjalankan Project

A. Memilih avd manager
 

B. Jika belum punya ,klik create new virtual drive untuk membuat virtual drive baru  , jika sudah punya skip ke urutan E
C. Memilih jenis device untuk virtual drive nya
D. Download terlebih dahulu ,sesuaikan dengan level API yang dibutuhkan , disini saya menggunakan android Nougat
E. Jika sudah terdonwload / sudah ada ,klik tombol play untuk memulai dan menjalankan virtual drive nya
F.Run project bisa dengan klik tombol play atau shorcut SHIFT + F10 Jika tidak ada error , maka virtual decive akan menampikan hasil dari proram kita
 


G. Selesai
 


Sekian artikel dari saya , semoga bermanfaat :)






You may like these posts