Android TableLayouts

Let's move back to the Android implementation. This part is easy, we have already mapped the UI logic to the ChatPresenter so let's get straight into building the interface. For our ChatView.xml file, we are going to introduce a TableLayout. TableLayouts are similar to Grids in Xamarin.Forms; we simply split an area into rows and columns. We are able to set UI objects to specific rows and columns as well as span specific UI objects across multiple rows and columns.

Let's add a new file called ChatView.xml to the Resources | layout folder and implement the following:

<?xml version="1.0" encoding="utf-8"?>
 <TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:id="@+id/tableLayout"
     android:layout_width="fill_parent"
     android:layout_height="fill_parent"
     android:background="#FFFFFF">
     <TableRow
         android:id="@+id/tableRow1"
         android:layout_width="fill_parent...