A view which displays the veritcal list of your data in scrollable list means this view already has a scrollable view so not need to add any external scrollview etc. For flexible and good performance you should always use a RecyclerView.
You can add the ListView in yor xml activity layout file as like that:
<ListView android:id="@+id/listView" android:layout_width="match_parent" android:layout_height="match_parent" />
A ListView uses a ListAdapter to in order to display the each views in list when users scroll up and down.
Below is the example of ListView:
Implemet Android ListView:
First of all create a new Android Project and in your activity_main.xml file add the below code for ListView:
<ListView android:id="@+id/listView" android:layout_width="match_parent" android:layout_height="match_parent" />
Your activity_main.xml now will looks like the below complete structure:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ListView
android:id="@+id/listView"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</LinearLayout>Now create a another layout file as shown in the below and name it “item_list” to show the data in form of this view in the ListView.
And add the below code to it:
<?xml version="1.0" encoding="utf-8"?>
<TextView
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/txt_view"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceListItemSmall"
android:gravity="center_vertical"
android:paddingStart="?android:attr/listPreferredItemPaddingStart"
android:paddingEnd="?android:attr/listPreferredItemPaddingEnd"
android:minHeight="?android:attr/listPreferredItemHeightSmall" />Now add the below data strings in your strings.xml file, res > values > strings.xml
<string-array name="months_array_list">
<item>January</item>
<item>February</item>
<item>March</item>
<item>April</item>
<item>May</item>
<item>June</item>
<item>July</item>
<item>August</item>
<item>September</item>
<item>October</item>
<item>November</item>
<item>December</item>
</string-array>You can write above code in your MainActivity.java file instead of strings.xml like that:
String[] months_item = { "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"};Add below code into your MainActivity.java file:
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;
import androidx.appcompat.app.AlertDialog;
import androidx.appcompat.app.AppCompatActivity;
public class MainActivity extends AppCompatActivity {
AlertDialog.Builder myDialog;
String[] months_item = { "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"};
String[] list_Item;
ListView list_View;
TextView text_View;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
list_View = (ListView) findViewById(R.id.listView);
text_View = (TextView) findViewById(R.id.txt_view);
list_Item = getResources().getStringArray(R.array.months_array_list);
final ArrayAdapter<String> arrayAdapter = new ArrayAdapter<String>(this,
R.layout.item_list, R.id.txt_view, list_Item); // Replace the list_Item with months_item to get data from above Strings array in this file.
list_View.setAdapter(arrayAdapter);
list_View.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
String title = arrayAdapter.getItem(i);
Toast.makeText(MainMenuActivity.this, title, Toast.LENGTH_SHORT).show();
}
});
}
}
Custom ListView
To make custom ListView which has only single icon you can simply do this in your item_list.xml file add below code to it:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="wrap_content"
tools:ignore="UseCompoundDrawables">
<ImageView
android:id="@+id/image_icon"
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_gravity="center_vertical"
android:background="@drawable/ic_baseline_double_arrow_24" // vector icon created in Android Studio
android:contentDescription="@string/app_name" />
<TextView
android:id="@+id/txt_view"
android:layout_width="wrap_content"
android:layout_height="50dp"
android:textColor="@color/colorAccent"
android:textStyle="bold"
android:textSize="20sp"
android:layout_marginStart="10dp"
android:gravity="center_vertical"/>
</LinearLayout>If you want to show each row has a different icon then you have to create a seprate ListAdapter java class. So I suggest you that then you must use a RecyclerView intead of Custom ListView.
ListView with Image and TextView:
See below example for Custom ListView with Image and Icon:
Add below code into your MainActivity.java file:
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;
import androidx.appcompat.app.AlertDialog;
import androidx.appcompat.app.AppCompatActivity;
public class MainActivity extends AppCompatActivity {
String[] months_item = { "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"};
int[] images = {R.drawable.ic_jan, R.drawable.ic_feb, R.drawable.ic_march, R.drawable.ic_april, R.drawable.ic_may, R.drawable.ic_june, R.drawable.ic_july, R.drawable.ic_august, R.drawable.ic_september, R.drawable.ic_october, R.drawable.ic_nov, R.drawable.ic_dec};
String[] list_Item;
ListView list_View;
TextView text_View;
ListAdapter listAdapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
list_View = (ListView) findViewById(R.id.listView);
text_View = (TextView) findViewById(R.id.txt_view);
list_Item = getResources().getStringArray(R.array.months_array_list);
listAdapter = new ListAdapter(MainActivity.this, months_item, images); // adapter including image and textview
final ArrayAdapter<String> arrayAdapter = new ArrayAdapter<String>(this,
R.layout.item_list, R.id.txt_view, list_Item); // Replace the list_Item with months_item to get data from above Strings array in this file.
list_View.setAdapter(listAdapter); // replace arrayAdapter with listAdapter to get data as image and textview
list_View.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
String title = arrayAdapter.getItem(i);
Toast.makeText(MainActivity.this, title, Toast.LENGTH_SHORT).show();
}
});
}
}And Creaye a seprate java class name it as ListAdapter and add below code to it:
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;
import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
public class ListAdapter extends BaseAdapter {
Context context;
private final String [] txtTitle;
private final int [] images;
public ListAdapter(Context context, String [] txtTitle, int [] images){
this.context = context;
this.txtTitle = txtTitle;
this.images = images;
}
@Override
public int getCount() {
return txtTitle.length;
}
@Override
public Object getItem(int i) {
return i;
}
@Override
public long getItemId(int i) {
return i;
}
@NonNull
@Override
public View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent) {
ViewHolder viewHolder;
final View result;
if (convertView == null) {
viewHolder = new ViewHolder();
LayoutInflater inflater = LayoutInflater.from(context);
convertView = inflater.inflate(R.layout.item_list, parent, false);
viewHolder.txtName = (TextView) convertView.findViewById(R.id.txt_view);
viewHolder.icon = (ImageView) convertView.findViewById(R.id.image_icon);
result=convertView;
convertView.setTag(viewHolder);
} else {
viewHolder = (ViewHolder) convertView.getTag();
result=convertView;
}
viewHolder.txtName.setText(txtTitle[position]);
viewHolder.icon.setImageResource(images[position]);
return convertView;
}
private static class ViewHolder {
TextView txtName;
ImageView icon;
}
}Now all done. Click here to Download Source Code
With database
without database, used data from within the java files or localy