Lab Assignment 04

Green University of Bangladesh
Department of Computer Science and Engineering(CSE)

Faculty of Sciences and Engineering
Semester: (Summer, Year:2023), B.Sc. in CSE (Day)
LAB REPORT NO 01
Course Title: Mobile Application Development Lab
Course Code: CSE402 Section: 203 D2
Lab Experiment Name: List View
Student Details
Name ID
1. A.K.M Hasnine Mamud 203002004
Lab Date : 17th October 2023

Submission Date : 31th October 2023
Course Teacher’s Name : K. M. Shadman Wadith
[For Teachers use only: Don’t Write Anything inside this box]
Lab Report Status

Marks: ………………………………… Signature:.....................
Comments:.............................................. Date:..............................
1. TITLE OF THE LAB EXPERIMENT
ListView for showing components in a list in an application.
2. OBJECTIVES/AIM
• To implement ListView for showing components in a list.
• To add external fonts in an Android application.
3. PROCEDURE / ANALYSIS / DESIGN

Android ListView is a ViewGroup that is used to display the list of items in
multiple rows and contains an adapter that automatically inserts the items into the
list. Using adapter, items are inserted into the list from an array or database. For
displaying the items in the list method setAdaptor() is used. setAdaptor() method
conjoins an adapter with the list. The main purpose of the adapter is to fetch data
from an array or database and insert each item that placed into the list for the
desired result. So, it is the main source to pull data from strings.xml file which
contains all the required strings in Java or XML files. Android provides several
subclasses of Adapter that are useful for retrieving different kinds of data and
building views for an AdapterView ( i.e. ListView or GridView). The common
adapters are ArrayAdapter. We use this adapter when our data source is an array. By
default, ArrayAdapter creates a view for each array item by calling toString() on
each item and placing the contents in a TextView. Once array adapter created, then
simply call setAdapter() on ListView object. In this experiment, we will learn about
how to create list and how to display them in an 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.
Code for list 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="#00000000"
tools:context=".MainActivity">
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:ems="10"
android:inputType="text"
android:text="Name"
tools:layout_editor_absoluteX="62dp"
tools:layout_editor_absoluteY="3dp" />
<ImageView
android:id="@+id/imageView"
tools:srcCompat="@tools:sample/avatars" />
<EditText
android:id="@+id/editTextText2"
android:ems="10"
android:text="Name"
app:layout_constraintEnd_toEndOf="parent"
<ImageView
android:id="@+id/imageView2"
tools:layout_editor_absoluteY="72dp"
</androidx.constraintlayout.widget.ConstraintLayout>
<TextView
android:background="#FF9800"
android:text="Contacts"
android:textColor="@color/white"
android:textSize="34sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintHorizontal_bias="1.0"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.007" />
<EditText
android:ems="10"
android:text="Name"
<ImageView
tools:layout_editor_absoluteX="-3dp"
<EditText
android:ems="10"
android:text="Name"
<ImageView
<EditText
android:layout_marginEnd="8dp"
android:ems="10"
android:text="Name"
<ImageView
<EditText
android:ems="10"
android:text="Name"
<ImageView
<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"
app:srcCompat="@android:drawable/ic_dialog_dialer"
<EditText
android:ems="10"
android:text="Name"
<ImageView
<EditText
android:layout_marginEnd="4dp"
android:ems="10"
android:text="Name"
<ImageView
<EditText
android:ems="10"
android:text="Name"
<ImageView
<EditText
android:ems="10"
android:text="Name"
<ImageView
<EditText
android:ems="10"
android:text="Name"
<ImageView
<ImageView
<SearchView
android:id="@+id/floatingActionButton"
android:scrollbarFadeDuration="200"
app:fabSize="auto"
app:srcCompat="@android:drawable/ic_menu_sort_by_size"
app:useCompatPadding="false"
Code for detaile view of contact:

android:background="#1B1515"
<EditText
android:id="@+id/editTextNumber2"
android:ems="10"
android:inputType="number"
android:text="01636441892"
android:textColor="#F8F4F4"
<TextView
android:id="@+id/textView"
android:textColorHighlight="#FF9800"
android:textColorLink="#FF9800"
android:id="@+id/floatingActionButton"
android:layout_weight="1"
android:src="@android:drawable/ic_menu_share"
android:src="@android:drawable/ic_menu_edit"
android:src="?attr/homeAsUpIndicator"
<TextView
android:id="@+id/textView2"
android:text="Details"
android:textColor="#FFFFFF"
android:src="@android:drawable/ic_menu_more"
<TextView
android:background="#171717"
android:text="Hasnine"
android:textColor="#FBFBFB"
android:textColorHighlight="#FFFFFF"
<ImageView
tools:src="@tools:sample/avatars" />
android:src="@android:drawable/btn_star"
<EditText
android:id="@+id/editTextNumber"
android:ems="10"
android:inputType="number"
android:text="01636441892"
android:src="@android:drawable/stat_sys_phone_call"
android:src="@android:drawable/stat_notify_chat"
android:src="@android:drawable/presence_video_away"
android:src="@android:drawable/sym_action_email"
<TextView
android:text="hasnineheme;@gmail.com"
Code for edit view of contact:
android:background="#2E2D2D"
app:srcCompat="@android:drawable/stat_sys_phone_call"
<TextView
app:srcCompat="@android:drawable/ic_menu_close_clear_cancel"
app:srcCompat="@android:drawable/ic_menu_delete"
app:srcCompat="@android:drawable/ic_menu_share"
<TextView
android:text="Edit contact"
android:textColor="#F1EAEA"
android:textStyle="bold"
<Button
android:id="@+id/button"
android:text="Save"
android:textColorHighlight="#EFE6E6"
<ImageButton
android:id="@+id/imageButton"
app:srcCompat="@android:drawable/btn_star"
app:srcCompat="@android:drawable/stat_sys_phone_call"
app:srcCompat="@android:drawable/stat_notify_chat"
<EditText
android:ems="10"
android:text="Name"
android:textColor="#F1ECEC"
<EditText
android:ems="10"
android:text="Phone"
app:srcCompat="@android:drawable/ic_dialog_email"
<EditText
android:ems="10"
android:text="Email"
android:textColor="#F1EBEB"
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;
public class MainActivity extends AppCompatActivity {
private EditText editTextName, editTextNumber;

private ImageView imageView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
editTextName = editTextName.findViewById();
editTextNumber = editTextName.findViewById();
imageView = imageView.findViewById();
}
private void setContentView(int activityMain) {
public void addContact(View view) {

String name = editTextName.getText().toString();
String number = editTextNumber.getText().toString();
// Perform validation if necessary

if (name.isEmpty() || number.isEmpty()) {
Toast.makeText(this,
.getString(R.string.please_enter_name_and_number),
Toast.LENGTH_SHORT).show();
} else {
// Add your logic to store the contact information (name, number,
and image) here
// For example, you can create a Contact class and store the data
in a list.
// Contact contact = new Contact(name, number, imageUri);
// contactsList.add(contact);
// Display a success message

Toast.makeText(this, "Contact added: " + name + ", " + number,
Toast.LENGTH_SHORT).show();
}
}
// You can implement image selection logic here if required.

// For simplicity, the image is set to a default one in the XML layout.
}
5. TEST RESULT / OUTPUT

The output view of the three activities are given below-
6. ANALYSIS AND DISCUSSION

In this experiment, I learnt about adding elements in a contact list, how ListView
works to give the UI of a list to user, how to set up names and other details, event
listeners for list elements for better understanding of organizing lists.. I practiced
this by creating three simple applications, one is a contact list, second is detail view
and last one is edit the contact details. In edit view activity user gives name, mobile
number, and add image. At first, I faced some difficulties in layout code for place
the edit view accurate and so on. Then I practice more and more to overcome those
difficulties.

Lab Assignment 04

Uploaded by

Copyright:

Available Formats

You might also like

Lab Assignment 04

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Lab Assignment 04

Uploaded by

Copyright:

Available Formats

Green University of Bangladesh

Department of Computer Science and Engineering(CSE)

Lab Experiment Name: List View

Lab Date : 17th October 2023

Lab Report Status

3. PROCEDURE / ANALYSIS / DESIGN

Code for list of contact:

<?xml version="1.0" encoding="utf-8"?>

Code for detaile view of contact:

public class MainActivity extends AppCompatActivity {

private EditText editTextName, editTextNumber;

private void setContentView(int activityMain) {

public void addContact(View view) {

// Perform validation if necessary

// Display a success message

// You can implement image selection logic here if required.

5. TEST RESULT / OUTPUT

6. ANALYSIS AND DISCUSSION

You might also like