Android Studio ListView with Different 2 Layouts: A Step-by-Step Guide

In Android app development, using nested layouts can help you create complex UI designs with ease. In this tutorial, we will explore how to use a ListView in Android Studio with different two layouts.

To begin, let's create a new project in Android Studio and name it 'NestingOfLayouts'. Open the res -> layout -> activity_main.xml file and create a User Login Form using nested linear layouts.

Step 1: Set Vertical Orientation for Parent Linear Layout

The parent linear layout should have a vertical orientation, which means that its child elements will be stacked vertically. To achieve this, add the following code to your activity_main.xml file:

```xml

android:layout_width='match_parent'

android:layout_height='match_parent'

android:orientation='vertical'>

```

Step 2: Set Horizontal Orientation for Child Linear Layout

The child linear layout, on the other hand, should have a horizontal orientation. This means that its child elements will be laid out horizontally. To achieve this, add the following code to your activity_main.xml file:

```xml

android:layout_width='match_parent'

android:layout_height='wrap_content'

android:orientation='horizontal'>

```

Step 3: Create a ListView with Different Layouts

Now, let's create a ListView that will display different layouts. Add the following code to your activity_main.xml file:

```xml

android:layout_width='match_parent'

android:layout_height='match_parent'

android:orientation='vertical'>

android:id='@+id/list_view'

android:layout_width='match_parent'

android:layout_height='wrap_content'>

```

Step 4: Create a Custom Adapter for the ListView

To display different layouts in the ListView, we need to create a custom adapter. Add the following code to your activity_main.xml file:

```java

public class CustomAdapter extends BaseAdapter {

private List rowItems;

public CustomAdapter(Context context, List items) {

this.rowItems = items;

}

@Override

public int getCount() {

return rowItems.size();

}

@Override

public Object getItem(int position) {

return rowItems.get(position);

}

@Override

public long getItemId(int position) {

return rowItems.get(position).getId();

}

@Override

public View getView(int position, View convertView, ViewGroup parent) {

RowItem item = rowItems.get(position);

if (convertView == null) {

LayoutInflater inflater = LayoutInflater.from(parent.getContext());

convertView = inflater.inflate(R.layout.row_item, parent, false);

}

TextView textView = convertView.findViewById(R.id.text_view);

textView.setText(item.getTitle());

return convertView;

}

```

Step 5: Set the Custom Adapter to the ListView

Finally, set the custom adapter to the ListView by adding the following code to your activity_main.xml file:

```java

ListView listView = findViewById(R.id.list_view);

List rowItems = new ArrayList<>();

rowItems.add(new RowItem('Title 1'));

rowItems.add(new RowItem('Title 2'));

rowItems.add(new RowItem('Title 3'));

CustomAdapter adapter = new CustomAdapter(this, rowItems);

listView.setAdapter(adapter);

```

In this example, we have created a Registration Form with multiple fields using nested linear layouts. We have also used a ListView to display different layouts. By following these steps, you can create your own custom ListView with different two layouts in Android Studio.

Download the code and see the final output below:

This tutorial has demonstrated how to use a ListView in Android Studio with different two layouts. You can apply this concept to create more complex UI designs using nested layouts in Android app development.

Android studio listview with different 2 layouts