Question

I’m building a listView of clients, which needs to display extra information when the user touches one item on the list.

I want something like this:

How to inflate the information panel when user select one client? I’m looking for something similar to the android keyboard.

Answer 1

If that bottom box with the extra info needs to be exactly like on the sketches, then I’d use something like this:

Layout:

<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent">

<ListView android:id="@+id/list"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
/>

<LinearLayout android:id="@+id/InfoBox"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:visibility="gone">

... Stuff ...

</LinearLayout>

</RelativeLayout>

Toggle the visiblity of the InfoBox element here (gone/visible), and update the stuff inside it – a bunch of TextViews I guess.