Praktikum Android Semester 7: Part 1
Praktikum Android Semester 7: Part 2
Praktikum Android Semester 7: Part 3
Praktikum Android Semester 7: Part 4
Praktikum Android Semester 7: Part 5
Praktikum Android Semester 7: Part 6
Praktikum Android Semester 7: Part 7
Pada Part 2 aplikasi sudah dapat menampilkan data ke dalam recyclerview, namun belum menampilkan data avatar yang merupakan url gambar, untuk menampilkannya praktikum kali ini menggunakan glide dan circleimageview.
tambahkan pada build.graddle.app
...
dependencies{
...
implementation 'de.hdodenhof:circleimageview:3.1.0'
implementation 'com.github.bumptech.glide:glide:4.12.0'
}
Pada layout item_row_user
modifikasi menjadi
<?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="wrap_content"
android:orientation="horizontal"
android:padding="16dp">
<de.hdodenhof.circleimageview.CircleImageView
android:id="@+id/iv_item_avatar"
android:layout_width="55dp"
android:layout_height="55dp"
android:layout_marginEnd="16dp"
android:layout_marginRight="16dp"
tools:src="@mipmap/ic_launcher_round"
/>
<LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<TextView
android:id="@+id/tv_item_name"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="4dp"
android:textSize="16sp"
android:textStyle="bold"
tools:text="Name" />
<TextView
android:id="@+id/tv_item_email"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:maxLines="2"
tools:text="Email" />
</LinearLayout>
</LinearLayout>
Pada method bind
ubah lah isinya seperti berikut
fun bind(userData: UserData) {
with(binding){
tvItemName.text = userData.first_name + " " + userData.last_name
tvItemEmail.text = userData.email
Glide.with(itemView.context)
.load(userData.avatar)
.apply(RequestOptions().override(55, 55))
.into(ivItemAvatar)
}
}
Okedeh ! jadilah tampil gambar dari url avatar
Praktikum Android Semester 7: Part 1
Praktikum Android Semester 7: Part 2
Praktikum Android Semester 7: Part 3
Praktikum Android Semester 7: Part 4
Praktikum Android Semester 7: Part 5
Praktikum Android Semester 7: Part 6
Praktikum Android Semester 7: Part 7