Assalamulaikum Wr.wb
Pada kesempatan ini saya akan membahas bagaimana cara membuat list view bio menggunakan android studio.
sehingga pada saat kita akan membuka bio akan muncul tampilan seperti di bawah ini dan jangan lupa persiapkan tools serta sourcecode untuk di gunakan ya.
lansung saja kita mulai langkah-langkahnya ya.
1. Buka aplikasi android studio dan buat project baru,kita buat form login terlebih dahulu .
pada activity_main.xml isi sourcode berikut.
sourcode:
<?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:background="@color/colorPrimary"
android:layout_height="match_parent"
tools:context="com.endang.uilogin.MainActivity">
<RelativeLayout
android:layout_width="362dp"
android:layout_height="358dp"
android:layout_marginTop="44dp"
android:layout_marginBottom="236dp"
android:background="@color/white"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/frameLayout"
app:layout_constraintVertical_bias="1.0">
<LinearLayout
android:layout_width="323dp"
android:layout_height="57dp"
android:layout_alignParentTop="true"
android:layout_alignParentEnd="true"
android:layout_alignParentRight="true"
android:layout_marginTop="77dp"
android:layout_marginEnd="18dp"
android:layout_marginRight="18dp"
android:orientation="horizontal">
<EditText
android:id="@+id/edUser"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:ems="10"
android:hint="Username"
android:inputType="textPersonName" />
</LinearLayout>
<LinearLayout
android:layout_width="320dp"
android:layout_height="60dp"
android:layout_alignParentStart="true"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_marginStart="23dp"
android:layout_marginLeft="23dp"
android:layout_marginTop="147dp"
android:orientation="horizontal"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent">
<EditText
android:id="@+id/edPassword"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:ems="10"
android:hint="Password"
android:inputType="textPassword" />
</LinearLayout>
<LinearLayout
android:layout_width="188dp"
android:layout_height="48dp"
android:layout_alignParentStart="true"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_marginStart="89dp"
android:layout_marginLeft="89dp"
android:layout_marginTop="213dp"
android:orientation="horizontal"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent">
<Button
android:id="@+id/btnLogin"
android:layout_width="210dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:background="@color/orange"
android:text="Login"
android:textColor="@android:color/background_light" />
</LinearLayout>
</RelativeLayout>
<FrameLayout
android:id="@+id/frameLayout"
android:layout_width="122dp"
android:layout_height="109dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.491"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent">
</FrameLayout>
<ImageView
android:id="@+id/imageView"
android:layout_width="128dp"
android:layout_height="98dp"
android:src="@drawable/icon"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
tampilannya akan seperti gambar di bawah ini.
2.Ketika sudah membuat form login,yang akan di buat selanjutnya listview bio.
pada activity_home.xml isi kan sourecode berikut.
sourcecode:
<?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"
tools:context="com.endang.uilogin.home">
<ListView
android:id="@+id/listview"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</LinearLayout>
Tampilannya akan seperti gambar di bawah ini.
3. Selanjutnya buat biodata pada list bio yang sudah di buat.
pada welcomejava isi sourcode berikut.
Sourcode:
package com.endang.uilogin;
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
public class Welcome extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_welcome);
}
}
Pada String.xml isi sourcode berikut.
Sourcode:
<resources>
<string name="app_name">EndangSyanti-161021450089</string>
</resources>
Selanjutnya pada mainactivityjava isi sourcecode berikut.
Sourcecode:
package com.endang.uilogin;
import androidx.appcompat.app.AppCompatActivity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;
public class MainActivity extends AppCompatActivity {
Button btLogin;
TextView eUser, epass;
String user, pass;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
btLogin = (Button) findViewById(R.id.btnLogin);
eUser = (TextView) findViewById(R.id.edUser);
epass = (TextView) findViewById(R.id.edPassword);
btLogin.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
user = eUser.getText().toString();
pass = epass.getText().toString();
Bundle b = new Bundle();
b.putString("u" , user);
b.putString("p" , pass);
Intent in = new Intent(getBaseContext(), home.class);
in.putExtras(b);
startActivity(in);
}
});
}
}
Tampilannya akan seperti ini.
4.Terakhir yaitu running.Maka tampil hasil runningnya adalah sebagai berikut.
a.Tampilan Login
b.Tampilan listview Bio
c.Tampilan hasil Bio
Nah..Demikian lah langkah-langkah sederhana dalam pembuatan list view bio pada android studio.mohon maaf apabila ada kesalahan dan kekurangan.Semoga dapat bermanfaat bagi kita semua.
