Lab Assignment 04
Lab Assignment 04
LAB REPORT NO 01
Course Title: Mobile Application Development Lab
Course Code: CSE402 Section: 203 D2
Student Details
Name ID
1. A.K.M Hasnine Mamud 203002004
[For Teachers use only: Don’t Write Anything inside this box]
2. OBJECTIVES/AIM
• To implement ListView for showing components in a list.
• To add external fonts in an Android application.
4. IMPLEMENTATION
In this experiment we did three activities. One activity is a list of contact and in
second activity if we press any contact then we can see this contact in detail with
image, and in third activity, we can edit those contacts. Here I also add the image in
detail activity. The implementation code are given below.
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="409dp"
android:layout_height="670dp"
android:layout_marginStart="1dp"
app:layout_constraintStart_toStartOf="parent"
tools:layout_editor_absoluteY="60dp">
<EditText
android:id="@+id/editTextText"
android:layout_width="349dp"
android:layout_height="55dp"
android:ems="10"
android:inputType="text"
android:text="Name"
tools:layout_editor_absoluteX="62dp"
tools:layout_editor_absoluteY="3dp" />
<ImageView
android:id="@+id/imageView"
android:layout_width="61dp"
android:layout_height="57dp"
tools:srcCompat="@tools:sample/avatars" />
<EditText
android:id="@+id/editTextText2"
android:layout_width="342dp"
android:layout_height="50dp"
android:ems="10"
android:inputType="text"
android:text="Name"
app:layout_constraintEnd_toEndOf="parent"
tools:layout_editor_absoluteY="72dp" />
<ImageView
android:id="@+id/imageView2"
android:layout_width="59dp"
android:layout_height="50dp"
tools:layout_editor_absoluteX="2dp"
tools:layout_editor_absoluteY="72dp"
tools:srcCompat="@tools:sample/avatars" />
</androidx.constraintlayout.widget.ConstraintLayout>
<TextView
android:layout_width="410dp"
android:layout_height="54dp"
android:background="#FF9800"
android:text="Contacts"
android:textColor="@color/white"
android:textSize="34sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="1.0"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.007" />
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="409dp"
android:layout_height="670dp"
android:layout_marginStart="1dp"
app:layout_constraintStart_toStartOf="parent"
tools:layout_editor_absoluteY="60dp">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="409dp"
android:layout_height="670dp"
android:layout_marginStart="1dp"
app:layout_constraintStart_toStartOf="parent"
tools:layout_editor_absoluteY="60dp">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="409dp"
android:layout_height="670dp"
android:layout_marginStart="1dp"
app:layout_constraintStart_toStartOf="parent"
tools:layout_editor_absoluteY="60dp">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="409dp"
android:layout_height="670dp"
android:layout_marginStart="1dp"
app:layout_constraintStart_toStartOf="parent"
tools:layout_editor_absoluteY="63dp">
<EditText
android:id="@+id/editTextText3"
android:layout_width="343dp"
android:layout_height="48dp"
android:ems="10"
android:inputType="text"
android:text="Name"
tools:layout_editor_absoluteX="59dp"
tools:layout_editor_absoluteY="404dp" />
<ImageView
android:id="@+id/imageView3"
android:layout_width="59dp"
android:layout_height="50dp"
tools:layout_editor_absoluteX="-3dp"
tools:layout_editor_absoluteY="350dp"
tools:srcCompat="@tools:sample/avatars" />
<EditText
android:id="@+id/editTextText"
android:layout_width="349dp"
android:layout_height="55dp"
android:ems="10"
android:inputType="text"
android:text="Name"
tools:layout_editor_absoluteX="60dp"
tools:layout_editor_absoluteY="220dp" />
<ImageView
android:id="@+id/imageView"
android:layout_width="56dp"
android:layout_height="51dp"
tools:layout_editor_absoluteX="-2dp"
tools:layout_editor_absoluteY="220dp"
tools:srcCompat="@tools:sample/avatars" />
<EditText
android:id="@+id/editTextText2"
android:layout_width="344dp"
android:layout_height="47dp"
android:layout_marginEnd="8dp"
android:ems="10"
android:inputType="text"
android:text="Name"
app:layout_constraintEnd_toEndOf="parent"
tools:layout_editor_absoluteY="289dp" />
<ImageView
android:id="@+id/imageView2"
android:layout_width="59dp"
android:layout_height="50dp"
tools:layout_editor_absoluteX="-2dp"
tools:layout_editor_absoluteY="289dp"
tools:srcCompat="@tools:sample/avatars" />
<EditText
android:id="@+id/editTextText2"
android:layout_width="343dp"
android:layout_height="48dp"
android:ems="10"
android:inputType="text"
android:text="Name"
tools:layout_editor_absoluteX="57dp"
tools:layout_editor_absoluteY="350dp" />
<ImageView
android:id="@+id/imageView4"
android:layout_width="59dp"
android:layout_height="50dp"
tools:layout_editor_absoluteX="-3dp"
tools:layout_editor_absoluteY="404dp"
tools:srcCompat="@tools:sample/avatars" />
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/floatingActionButton2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:clickable="true"
app:srcCompat="@android:drawable/ic_input_add"
tools:layout_editor_absoluteX="323dp"
tools:layout_editor_absoluteY="389dp" />
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/floatingActionButton3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:clickable="true"
app:srcCompat="@android:drawable/ic_dialog_dialer"
tools:layout_editor_absoluteX="166dp"
tools:layout_editor_absoluteY="365dp" />
</androidx.constraintlayout.widget.ConstraintLayout>
<EditText
android:id="@+id/editTextText"
android:layout_width="349dp"
android:layout_height="55dp"
android:ems="10"
android:inputType="text"
android:text="Name"
tools:layout_editor_absoluteX="60dp"
tools:layout_editor_absoluteY="150dp" />
<ImageView
android:id="@+id/imageView"
android:layout_width="59dp"
android:layout_height="47dp"
tools:layout_editor_absoluteX="-2dp"
tools:layout_editor_absoluteY="222dp"
tools:srcCompat="@tools:sample/avatars" />
<EditText
android:id="@+id/editTextText2"
android:layout_width="342dp"
android:layout_height="50dp"
android:layout_marginEnd="4dp"
android:ems="10"
android:inputType="text"
android:text="Name"
app:layout_constraintEnd_toEndOf="parent"
tools:layout_editor_absoluteY="222dp" />
<ImageView
android:id="@+id/imageView2"
android:layout_width="59dp"
android:layout_height="50dp"
tools:layout_editor_absoluteX="0dp"
tools:layout_editor_absoluteY="155dp"
tools:srcCompat="@tools:sample/avatars" />
</androidx.constraintlayout.widget.ConstraintLayout>
<EditText
android:id="@+id/editTextText"
android:layout_width="341dp"
android:layout_height="56dp"
android:ems="10"
android:inputType="text"
android:text="Name"
tools:layout_editor_absoluteX="67dp"
tools:layout_editor_absoluteY="137dp" />
<ImageView
android:id="@+id/imageView"
android:layout_width="61dp"
android:layout_height="57dp"
tools:layout_editor_absoluteX="0dp"
tools:layout_editor_absoluteY="136dp"
tools:srcCompat="@tools:sample/avatars" />
<EditText
android:id="@+id/editTextText2"
android:layout_width="342dp"
android:layout_height="50dp"
android:ems="10"
android:inputType="text"
android:text="Name"
app:layout_constraintEnd_toEndOf="parent"
tools:layout_editor_absoluteY="72dp" />
<ImageView
android:id="@+id/imageView2"
android:layout_width="57dp"
android:layout_height="47dp"
tools:layout_editor_absoluteX="2dp"
tools:layout_editor_absoluteY="72dp"
tools:srcCompat="@tools:sample/avatars" />
</androidx.constraintlayout.widget.ConstraintLayout>
<EditText
android:id="@+id/editTextText"
android:layout_width="349dp"
android:layout_height="55dp"
android:ems="10"
android:inputType="text"
android:text="Name"
tools:layout_editor_absoluteX="62dp"
tools:layout_editor_absoluteY="3dp" />
<ImageView
android:id="@+id/imageView"
android:layout_width="61dp"
android:layout_height="57dp"
tools:srcCompat="@tools:sample/avatars" />
<ImageView
android:id="@+id/imageView2"
android:layout_width="59dp"
android:layout_height="50dp"
tools:layout_editor_absoluteX="2dp"
tools:layout_editor_absoluteY="72dp"
tools:srcCompat="@tools:sample/avatars" />
</androidx.constraintlayout.widget.ConstraintLayout>
<SearchView
android:layout_width="48dp"
android:layout_height="48dp"
tools:layout_editor_absoluteX="267dp"
tools:layout_editor_absoluteY="10dp" />
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/floatingActionButton"
android:layout_width="43dp"
android:layout_height="wrap_content"
android:clickable="true"
android:scrollbarFadeDuration="200"
app:fabSize="auto"
app:srcCompat="@android:drawable/ic_menu_sort_by_size"
app:useCompatPadding="false"
tools:layout_editor_absoluteX="322dp"
tools:layout_editor_absoluteY="10dp" />
</androidx.constraintlayout.widget.ConstraintLayout>
<EditText
android:id="@+id/editTextNumber2"
android:layout_width="257dp"
android:layout_height="59dp"
android:ems="10"
android:inputType="number"
android:text="01636441892"
android:textColor="#F8F4F4"
android:textSize="24sp"
tools:layout_editor_absoluteX="102dp"
tools:layout_editor_absoluteY="412dp" />
<TextView
android:id="@+id/textView"
android:layout_width="409dp"
android:layout_height="77dp"
android:background="#FF9800"
android:textColorHighlight="#FF9800"
android:textColorLink="#FF9800"
tools:layout_editor_absoluteX="0dp"
tools:layout_editor_absoluteY="2dp" />
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/floatingActionButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:clickable="true"
android:src="@android:drawable/ic_menu_share"
tools:layout_editor_absoluteX="274dp"
tools:layout_editor_absoluteY="16dp" />
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/floatingActionButton2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:clickable="true"
android:src="@android:drawable/ic_menu_edit"
tools:layout_editor_absoluteX="210dp"
tools:layout_editor_absoluteY="16dp" />
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/floatingActionButton3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:clickable="true"
android:src="?attr/homeAsUpIndicator"
tools:layout_editor_absoluteX="6dp"
tools:layout_editor_absoluteY="14dp" />
<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Details"
android:textColor="#FFFFFF"
android:textSize="24sp"
tools:layout_editor_absoluteX="77dp"
tools:layout_editor_absoluteY="27dp" />
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/floatingActionButton5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:clickable="true"
android:src="@android:drawable/ic_menu_more"
tools:layout_editor_absoluteX="339dp"
tools:layout_editor_absoluteY="16dp" />
<TextView
android:id="@+id/textView4"
android:layout_width="393dp"
android:layout_height="62dp"
android:background="#171717"
android:text="Hasnine"
android:textColor="#FBFBFB"
android:textColorHighlight="#FFFFFF"
android:textSize="34sp"
tools:layout_editor_absoluteX="10dp"
tools:layout_editor_absoluteY="253dp" />
<ImageView
android:id="@+id/imageView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
tools:layout_editor_absoluteX="138dp"
tools:layout_editor_absoluteY="93dp"
tools:src="@tools:sample/avatars" />
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/floatingActionButton6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:clickable="true"
android:src="@android:drawable/btn_star"
tools:layout_editor_absoluteX="345dp"
tools:layout_editor_absoluteY="253dp" />
<EditText
android:id="@+id/editTextNumber"
android:layout_width="257dp"
android:layout_height="59dp"
android:ems="10"
android:inputType="number"
android:text="01636441892"
android:textColor="#F8F4F4"
android:textSize="24sp"
tools:layout_editor_absoluteX="102dp"
tools:layout_editor_absoluteY="340dp" />
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/floatingActionButton8"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:clickable="true"
android:src="@android:drawable/stat_sys_phone_call"
tools:layout_editor_absoluteX="6dp"
tools:layout_editor_absoluteY="340dp" />
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/floatingActionButton9"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:clickable="true"
android:src="@android:drawable/stat_notify_chat"
tools:layout_editor_absoluteX="257dp"
tools:layout_editor_absoluteY="254dp" />
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/floatingActionButton10"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:clickable="true"
android:src="@android:drawable/presence_video_away"
tools:layout_editor_absoluteX="6dp"
tools:layout_editor_absoluteY="415dp" />
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/floatingActionButton11"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:clickable="true"
android:src="@android:drawable/sym_action_email"
tools:layout_editor_absoluteX="6dp"
tools:layout_editor_absoluteY="492dp" />
<TextView
android:id="@+id/textView6"
android:layout_width="245dp"
android:layout_height="56dp"
android:text="hasnineheme;@gmail.com"
android:textColor="#F6F3F3"
android:textSize="20sp"
tools:layout_editor_absoluteX="102dp"
tools:layout_editor_absoluteY="492dp" />
</androidx.constraintlayout.widget.ConstraintLayout>
Code for edit view of contact:
<?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"
android:background="#2E2D2D"
tools:context=".MainActivity">
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/floatingActionButton9"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:clickable="true"
app:srcCompat="@android:drawable/stat_sys_phone_call"
tools:layout_editor_absoluteX="20dp"
tools:layout_editor_absoluteY="303dp" />
<TextView
android:id="@+id/textView2"
android:layout_width="411dp"
android:layout_height="80dp"
android:background="#FF9800"
tools:layout_editor_absoluteX="0dp"
tools:layout_editor_absoluteY="0dp" />
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/floatingActionButton2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:clickable="true"
app:srcCompat="@android:drawable/ic_menu_close_clear_cancel"
tools:layout_editor_absoluteX="7dp"
tools:layout_editor_absoluteY="16dp" />
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/floatingActionButton4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:clickable="true"
app:srcCompat="@android:drawable/ic_menu_delete"
tools:layout_editor_absoluteX="355dp"
tools:layout_editor_absoluteY="16dp" />
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/floatingActionButton5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:clickable="true"
app:srcCompat="@android:drawable/ic_menu_share"
tools:layout_editor_absoluteX="291dp"
tools:layout_editor_absoluteY="16dp" />
<TextView
android:id="@+id/textView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Edit contact"
android:textColor="#F1EAEA"
android:textSize="20sp"
android:textStyle="bold"
tools:layout_editor_absoluteX="76dp"
tools:layout_editor_absoluteY="31dp" />
<Button
android:id="@+id/button"
android:layout_width="99dp"
android:layout_height="50dp"
android:text="Save"
android:textColorHighlight="#EFE6E6"
tools:layout_editor_absoluteX="155dp"
tools:layout_editor_absoluteY="494dp" />
<ImageButton
android:id="@+id/imageButton"
android:layout_width="100dp"
android:layout_height="100dp"
tools:layout_editor_absoluteX="7dp"
tools:layout_editor_absoluteY="100dp"
tools:srcCompat="@tools:sample/avatars" />
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/floatingActionButton6"
android:layout_width="70dp"
android:layout_height="52dp"
android:clickable="true"
app:srcCompat="@android:drawable/btn_star"
tools:layout_editor_absoluteX="20dp"
tools:layout_editor_absoluteY="230dp" />
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/floatingActionButton7"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:clickable="true"
app:srcCompat="@android:drawable/stat_sys_phone_call"
tools:layout_editor_absoluteX="265dp"
tools:layout_editor_absoluteY="121dp" />
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/floatingActionButton8"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:clickable="true"
app:srcCompat="@android:drawable/stat_notify_chat"
tools:layout_editor_absoluteX="339dp"
tools:layout_editor_absoluteY="121dp" />
<EditText
android:id="@+id/editTextText"
android:layout_width="275dp"
android:layout_height="45dp"
android:ems="10"
android:inputType="text"
android:text="Name"
android:textColor="#F1ECEC"
android:textSize="20sp"
tools:layout_editor_absoluteX="117dp"
tools:layout_editor_absoluteY="230dp" />
<EditText
android:id="@+id/editTextText2"
android:layout_width="276dp"
android:layout_height="46dp"
android:ems="10"
android:inputType="text"
android:text="Phone"
android:textColor="#F6F5F5"
android:textSize="20sp"
tools:layout_editor_absoluteX="117dp"
tools:layout_editor_absoluteY="303dp" />
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/floatingActionButton10"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:clickable="true"
app:srcCompat="@android:drawable/ic_dialog_email"
tools:layout_editor_absoluteX="20dp"
tools:layout_editor_absoluteY="390dp" />
<EditText
android:id="@+id/editTextText3"
android:layout_width="274dp"
android:layout_height="45dp"
android:ems="10"
android:inputType="text"
android:text="Email"
android:textColor="#F1EBEB"
tools:layout_editor_absoluteX="119dp"
tools:layout_editor_absoluteY="379dp" />
</androidx.constraintlayout.widget.ConstraintLayout>
Java code:
package com.example.contactlist;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.Toast;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
editTextName = editTextName.findViewById();
editTextNumber = editTextName.findViewById();
imageView = imageView.findViewById();
}