Question

Anyone know how to get this result?

Description:
When the ‘+’ button is clicked, another line of EditText, Spinner, EditText and Button will be displayed below the line. And lines go on adding if the user click on the ‘+’ button.

Thanks!

Answer 1

I think the best would be to implement a custom ViewGroup extending a LinearLayout in vertical orientation.

You’ll register an OnClickListener on the last button: if the row is the last in the list, you’ll inflate a new ingredients_item.xml and add it to your view (also you’ll refresh the drawable from + to -), otherwise remove the current row.

Your custom view will provide a method like List<Ingredient> getIngredients(), so you’ll be able to pass this list to some save() method.

I pushed the demo on GitHub