Scribd
Upload
2 views8 pages

Midterm_Exam_

The document is a midterm exam submission for a Mobile App course by Hervin M. Como, detailing an XML layout for a spending tracking application. It includes various UI components such as TextViews, Buttons, ImageViews, and a ProgressBar, designed to display spending categories and a timeline of expenses. The layout emphasizes a dark theme with contrasting text colors and provides functionality for daily, monthly, and yearly spending views.

Uploaded by

hvin.como
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
2 views8 pages

Midterm_Exam_

The document is a midterm exam submission for a Mobile App course by Hervin M. Como, detailing an XML layout for a spending tracking application. It includes various UI components such as TextViews, Buttons, ImageViews, and a ProgressBar, designed to display spending categories and a timeline of expenses. The layout emphasizes a dark theme with contrasting text colors and provides functionality for daily, monthly, and yearly spending views.

Uploaded by

hvin.como
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 8

NAME: Hervin M.

Como DATE: April 9, 2025


SECTION: BSIT-3B SUBJECT: Mobile App.

LAB ACTIVITY NO: _Midterm Exam __________

SCREENSHOT OF SYNTAX:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#1C1C2D">

<TextView
android:id="@+id/title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Spending"
android:textSize="24sp"
android:textColor="#FFFFFF"
android:layout_marginTop="32dp"
android:layout_centerHorizontal="true"/>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_below="@+id/title"
android:gravity="center"
android:layout_marginTop="16dp">

<Button
android:id="@+id/daily_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Daily"
android:background="@android:color/transparent"
android:textColor="#FFFFFF" />

<Button
android:id="@+id/monthly_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Monthly"
android:background="@android:color/holo_blue_light"
android:textColor="#FFFFFF" />

<Button
android:id="@+id/yearly_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Yearly"
android:background="@android:color/transparent"
android:textColor="#FFFFFF" />
</LinearLayout>

1|Page
PCU-COLLEGE OF INFORMATICS
NAME: Hervin M. Como DATE: April 9, 2025
SECTION: BSIT-3B SUBJECT: Mobile App.

LAB ACTIVITY NO: _Midterm Exam __________

<ImageView
android:id="@+id/spending_chart"
android:src="@drawable/img"
android:layout_width="match_parent"
android:layout_height="150dp"
android:layout_below="@+id/monthly_button"
android:background="#021428"
android:layout_marginTop="145dp"
/>

<TextView
android:id="@+id/categories_header"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="CATEGORIES"
android:textSize="18sp"
android:textColor="#FFFFFF"
android:layout_below="@+id/spending_chart"
android:layout_marginTop="16dp"
android:layout_marginStart="16dp"/>

<LinearLayout
android:id="@+id/income"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/categories_header"
android:orientation="horizontal"
android:padding="16dp"
android:background="#2A2A3A"
tools:ignore="UnknownId">

<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="wrap_content"
android:text="Income"
android:textColor="#FFFFFF"
/>

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="40,000.00"
android:textColor="#00FF00"/>
</LinearLayout>

<LinearLayout
android:id="@+id/utilities_row"
android:layout_width="match_parent"
android:layout_height="wrap_content"

2|Page
PCU-COLLEGE OF INFORMATICS
NAME: Hervin M. Como DATE: April 9, 2025
SECTION: BSIT-3B SUBJECT: Mobile App.

LAB ACTIVITY NO: _Midterm Exam __________


android:layout_below="@+id/income"
android:orientation="horizontal"
android:padding="16dp"
android:background="#2A2A3A"
tools:ignore="UnknownId">

<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="wrap_content"
android:text="Utilities"
android:textColor="#FFFFFF"
/>

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="15,000.00"
android:textColor="#00FF00"/>
</LinearLayout>

<LinearLayout
android:id="@+id/spending_row"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/utilities_row"
android:orientation="horizontal"
android:padding="16dp"
android:background="#2A2A3A"
tools:ignore="UnknownId">

<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="wrap_content"
android:text="Spending"
android:textColor="#FFFFFF"/>

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="15,000.00"
android:textColor="#00FF00"/>
</LinearLayout>

<LinearLayout
android:id="@+id/savings_row"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/spending_row"
android:orientation="horizontal"
android:padding="16dp"
android:background="#2A2A3A"

3|Page
PCU-COLLEGE OF INFORMATICS
NAME: Hervin M. Como DATE: April 9, 2025
SECTION: BSIT-3B SUBJECT: Mobile App.

LAB ACTIVITY NO: _Midterm Exam __________


tools:ignore="UnknownId">

<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="wrap_content"
android:text="Savings"
android:textColor="#FFFFFF"/>

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="10,000.00"
android:textColor="#00FF00"/>
</LinearLayout>

<TextView
android:id="@+id/timeline_header"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TIMELINE"
android:textSize="18sp"
android:textColor="#FFFFFF"
android:layout_below="@+id/savings_row"
android:layout_marginTop="16dp"
android:layout_marginStart="16dp"
tools:ignore="UnknownId" />

<ProgressBar
android:id="@+id/progress_bar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/timeline_header"
android:layout_marginTop="8dp"
android:padding="15dp"
android:indeterminate="false"
android:max="100"
android:progress="62"
style="?android:attr/progressBarStyleHorizontal"
android:background="#444444"
android:progressTintColor="#4CAF50"
tools:ignore="UnknownId" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="So far you have spent 62% of your planned budget."
android:textColor="#FFFFFF"
android:layout_below="@+id/progress_bar"
android:layout_marginTop="8dp"
android:layout_marginStart="16dp"/>

4|Page
PCU-COLLEGE OF INFORMATICS
NAME: Hervin M. Como DATE: April 9, 2025
SECTION: BSIT-3B SUBJECT: Mobile App.

LAB ACTIVITY NO: _Midterm Exam __________


<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_alignParentBottom="true"
android:background="#1C1C2D">

<ImageButton
android:id="@+id/home_button"
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="wrap_content"
android:src="@android:drawable/ic_menu_home"
android:background="@null"
android:tint="#FFFFFF"/>

<ImageButton
android:id="@+id/add_button"
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="wrap_content"
android:src="@android:drawable/ic_input_add"
android:background="@null"
android:tint="#FFFFFF"/>

<ImageButton
android:id="@+id/budgets_button"
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="wrap_content"
android:src="@android:drawable/ic_menu_set_as"
android:background="@null"
android:tint="#FFFFFF"/>

<ImageButton
android:id="@+id/spending_button"
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="wrap_content"
android:src="@android:drawable/ic_menu_view"
android:background="@null"
android:tint="#FFFFFF"/>
</LinearLayout>
</RelativeLayout>

5|Page
PCU-COLLEGE OF INFORMATICS
NAME: Hervin M. Como DATE: April 9, 2025
SECTION: BSIT-3B SUBJECT: Mobile App.

LAB ACTIVITY NO: _Midterm Exam __________

SCREENSHOT OF OUTPUT:

6|Page
PCU-COLLEGE OF INFORMATICS
NAME: Hervin M. Como DATE: April 9, 2025
SECTION: BSIT-3B SUBJECT: Mobile App.

LAB ACTIVITY NO: _Midterm Exam __________

7|Page
PCU-COLLEGE OF INFORMATICS
NAME: Hervin M. Como DATE: April 9, 2025
SECTION: BSIT-3B SUBJECT: Mobile App.

LAB ACTIVITY NO: _Midterm Exam __________

SCREENSHOT OF SYNTAX WITH PROVIDED EXPLANATION:

8|Page
PCU-COLLEGE OF INFORMATICS

You might also like