Skip to main content

Creating a List using List View in Android Studio

Hello Everyone,


In this blog we are using the concept of List View. ListView is a view which groups several items and display them in vertical scrollable list. The list items are automatically inserted to the list using an Adapter that pulls content from a source such as an array or database. Here we are using a array of string to store the list items.


Follow the steps given below to create an android project with the ListView
    1) Open Android Studio and select New Project. Select an Empty Activity.
  2) Click on Project -- Res -- Layout -- (Right Click on Layout) -- New -- Layout Resource File. Rename this file as "activity_listview". This file will display the contents in textbox.
Here we require two xml files, one to define the structure of list view and other to display the content of list view. The activity_main.xml file contains the ListView structure.
Thus all the files necessary for this project are created. Now just copy-paste the code given below in the respective files.


MainActivity.java

       
	
		
        package com.irrationalsapiens.demo5;

        import androidx.appcompat.app.AppCompatActivity;
        import android.os.Bundle;
        import android.view.View;
        import android.widget.ArrayAdapter;
        import android.widget.AdapterView;
        import android.widget.ListView;
        import android.widget.TextView;
        import android.widget.Toast;

        public class MainActivity extends AppCompatActivity {
            ListView listView;
            TextView textView;
            String[] statelist= {"Arunachal Pradesh","Assam", "Meghalaya","Tripura","Mizoram","Nagaland","Manipur"};

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

                listView=(ListView)findViewById(R.id.state_list) ;
                textView=(TextView)findViewById(R.id.textView);
                final ArrayAdapter adapter= new ArrayAdapter(this,R.layout.activity_listview,statelist);
                listView.setAdapter(adapter);

                listView.setOnItemClickListener(new AdapterView.OnItemClickListener(){
                    @Override
                    public void onItemClick(AdapterView adapterView,View view, int position, long l){
                        String value="Selected State: " + adapter.getItem(position);

                        Toast.makeText(getApplicationContext(), value,Toast.LENGTH_LONG).show();
                    }
                });
            }
        }

 	

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

              <TextView
                  android:id="@+id/textView"
                  android:layout_width="match_parent"
                  android:layout_height="wrap_content"
                  android:text="SEVEN SISTERS OF INDIA"
                  android:padding="4dp"
                  android:textAlignment="center"
                  android:textColor="#1A1A1A"
                  android:textStyle="bold"
                  android:textSize="25dp" />

              <ListView
                  android:id="@+id/state_list"
                  android:padding="5dp"
                  android:divider="#D9D9D9"
                  android:dividerHeight="2dp"
                  android:layout_width="match_parent"
                  android:layout_height="wrap_content">
              </ListView>
          </LinearLayout>

 	

activity_listview.xml

       
	
    
      <?xml version="1.0" encoding="utf-8"?>
          <TextView
              xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:padding="7dp"
              android:textSize="25dp"
              android:textAlignment="center"
              android:textColor="#000000"
              android:id="@+id/textView">
          </TextView>
        
 	

The item selected would be displayed in the toast

Comments

Popular posts from this blog

UML - Use Case Diagram for Vending Machine

Hello Everyone! Here is an example of an Use case Diagram of a Vending Machine System. Problem Statement - A vending machine accepts coins for variety of products. The user selects the drinks from products available through selection panel. If the drink is available the price of the product is displayed. The user then deposits the coins depending on the price of the product. Coin collector collects coin after stipulated time the controller will compare the deposited coin with price. If amount deposited is less than price then error message will be displayed and all deposited coin will be dispensed by the coin dispenser else the drink will be dispensed by the product dispenser. Check out other UML (Unified Modeling Language) Diagrams - Class Diagram   Object Diagram   Sequence Diagram Collaboration Diagram   Activity Diagram   State Diagram   Component Diagram   Deployment Diagram  

UML - Activity Diagram for Vending Machine

Hello Everyone! Here is an example of an Activity Diagram of a Vending Machine. Problem Statement - A vending machine accepts coins for a variety of products. The user selects the drink from products available through selection panel. If the drink is available the price of the product will be displayed. The user then deposits the coins depending on the price of the product. Coin collector collects coin after stipulated time. The controller will compare the deposited coins with the price. If amount is less than the price then an error message will be displayed and all deposited coins will be dispensed by the dispenser. Otherwise the drink will be displayed by the drink dispenser. Check out other UML (Unified Modeling Language) Diagrams - Use Case Diagram   Class Diagram   Object Diagram   Sequence Diagram Collaboration Diagram   State Diagram   Component Diagram   Deployment Diagram  

UML - Object Diagram for Hospital Management System

Hello Everyone! Here is an example of an Object Diagram for Hospital Management System. Problem Statement - The hospital wishes to maintain a database to assist with the administration of its wards and operating theatre and to maintain information related to its patients, surgeons and nurse. Most patients are assigned to a ward on admittance and each ward may contain many patients. However, consultants (senior surgeons) in the hospital may have private patients who are assigned to private room. A nurse may or may not be assigned to a ward and she cannot be assigned to more than one ward. A ward may have many nurses assigned to it. Each ward is dedicated to a particular type of patient. A nurse may or may not be assigned to a theatre and she cannot be assigned more than one theatre. Theatre may have many nurses assigned to it. A patient may have number of operations. The information to be recorded about the operation includes the type of operation, the patients, the surgeons involv...