Question

Use android studio to create a concert ticket mobile application. The app will calculate the total cost of concert tickets. These types of apps make it very easy for consumers to buy tickets via their mobile devices. In this app, the user will select an event, enter data, and the mobile app will conduct data processing by performing mathematical calculations. The mobile app details are below:

• Mobile Application Title: “Ticket Hub”
• Overview: Provide an app that will calculate the total cost of concert tickets for the user. The user will select the event name, enter the number of tickets, and find the cost via a button.
• Requirements:
  • The app will include a single screen - create your own layout
  • App must have a custom icon – use an icon of your choosing
  • Apply a theme to the app screen
  • Opening screen contains the following:
    • Large title named Concert Ticket Hub using a TextView.
    • Image using an ImageView
    • Button control to calculate the cost (concert tickets are $59.99 each, regardless of the event)
    • A Number Text Field control to allow the user to enter the number of tickets.
    • A Spinner control that includes three events:
      • Pop Music Festival
      • Jazz Music Festival
      • Country Music Festival.
    • A TextView to display the total cost for the tickets
  • When the calculate button is clicked, the total cost for the tickets is displayed
• Conditions/Instructions: Use a theme, a title, an image, a spinner prompt, a string array, a custom icon, and a hint property.

Answer 1

Concert Ticket Mobile Application-

The android app is built using Java and XML. The MainActivity is designed as written in question. It has a title,image,spinner prompt, edit text with hint property. The user needs to select an event from Spinner drop down and enter the number of tickets required in the edit text. Then, on clicking the calculate button, total ticket cost appears on the screen.

Below is the java code as well as XLM code for the android project.

activity_main.xml-

<?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:orientation="vertical"
    style="@style/AppTheme"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Concert Ticket Hub"
        android:textAlignment="center"
        android:textStyle="bold"
        android:textSize="40sp"
         />
    <ImageView
        android:layout_margin="10dp"
        android:layout_width="wrap_content"
        android:layout_height="150dp"
        android:src="@drawable/band"
        />
    <Spinner
        android:layout_margin="10dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/spinner"
        >
    </Spinner>
    <EditText
        android:textAlignment="center"
        android:id="@+id/numberTickets"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Enter the number of tickets here"
        android:inputType="number"
        />
    <LinearLayout
        android:layout_marginTop="10dp"
        android:padding="5dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:weightSum="3">
        <TextView
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:text="Cost($)"
            android:textSize="20sp"
            />
        <TextView
        android:layout_weight="2"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:id="@+id/totalCost"
        android:textSize="30sp"
        />
    </LinearLayout>
    <Button
        android:layout_marginTop="10dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/calculate"
        android:text="Calculate"
        android:layout_marginLeft="120dp"
        />
</LinearLayout>

MainActivity.java-

package com.nitjsr.tickethub;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Spinner;
import android.widget.TextView;
import android.widget.Toast;

import java.util.ArrayList;
import java.util.List;

//code for main actiivity
public class MainActivity extends AppCompatActivity implements AdapterView.OnItemSelectedListener {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        //initializing spinner, EditText to fetch number of tickets
        //and text view to display the total cost
        //also, initialized button to calculate total cost
        final Spinner spinner = (Spinner) findViewById(R.id.spinner);
        final EditText numberTickets = findViewById(R.id.numberTickets);
        final TextView totalCost = findViewById(R.id.totalCost);
        Button calculate=(Button)findViewById(R.id.calculate);

        //attaching listener to spinner
        spinner.setOnItemSelectedListener(this);

        // Spinner Drop down elements
        List<String> events = new ArrayList<String>();
        events.add("Pop Music Festival");
        events.add("Jazz Music Festival");
        events.add("Country Music Festival");

        // Creating adapter for spinner
        ArrayAdapter<String> dataAdapter = new ArrayAdapter<String>(this,
                android.R.layout.simple_spinner_item, events);

        // Drop down layout style - list view with radio button
        dataAdapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);

        // attaching data adapter to spinner
        spinner.setAdapter(dataAdapter);

        //attaching listener to calculate button
        calculate.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                int noTickets = Integer.parseInt(numberTickets.getText().toString());
                double tCost = noTickets * 59.99;
                totalCost.setText(Double.toString(tCost));
            }
        });
    }

    //function of spinner called when item is selected from drop down
    public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
        // On selecting a spinner item
        String item = parent.getItemAtPosition(position).toString();

        // Showing selected spinner item
        Toast.makeText(parent.getContext(), "Selected: " + item, Toast.LENGTH_LONG).show();

    }

    //function not used in given context
    public void onNothingSelected(AdapterView<?> arg0) {
        // TODO Auto-generated method stub

    }
}

Attaching the code snippet in the form of images to better understand comments and indentation-

activity_main.xml-

MainActivity.java-

The output images/final screenshots of mobile app are attached below-

If this answer helps, please give an up-vote. Feel free to comment if there is any query.