Wrap items in TableLayout

Author: IanDarwin

MvvmDemo/README.adoc

@@ -1,6 +1,6 @@
 = MvvmDemo
 
-This is a simple app just to demonstrate the use of the MVVM Design Pattern.
+This is a simple "signup/login" app just to demonstrate the use of the MVVM Design Pattern.
 If you're familiar with MVC or MVP, that's a step in the right direction.
 MVVM is so-called since it uses a Model, a View, and a ViewModel.
 

MvvmDemo/app/src/main/res/layout/activity_main.xml

@@ -27,6 +27,22 @@
             android:gravity="center_horizontal"
             />
 
+<TableLayout
+    android:layout_width="wrap_content"
+    android:layout_height="match_parent"
+    android:layout_alignParentRight="true"
+    android:layout_alignParentEnd="true"
+    android:stretchColumns="0,1">
+
+<TableRow
+        android:layout_width="match_parent"
+        android:layout_height="match_parent">
+        android:paddingBottom="8dp"
+		<TextView
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+			android:text="LABEL"/>
+
         <EditText
             android:id="@+id/inFirstName"
             android:layout_width="match_parent"
@@ -40,6 +56,16 @@
             android:singleLine="true"
             android:text="@={viewModel.firstName}" />
 
+</TableRow>
+<TableRow
+        android:layout_width="match_parent"
+        android:layout_height="match_parent">
+        android:paddingBottom="8dp"
+		<TextView
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+			android:text="LABEL"/>
+
         <EditText
             android:id="@+id/inLastName"
             android:layout_width="match_parent"
@@ -52,6 +78,15 @@
             android:padding="8dp"
             android:text="@={viewModel.lastName}" />
 
+</TableRow>
+<TableRow
+        android:layout_width="match_parent"
+        android:layout_height="match_parent">
+        android:paddingBottom="8dp"
+		<TextView
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+			android:text="LABEL"/>
         <EditText
             android:id="@+id/inEmail"
             android:layout_width="match_parent"
@@ -64,6 +99,15 @@
             android:padding="8dp"
             android:text="@={viewModel.email}" />
 
+</TableRow>
+<TableRow
+        android:layout_width="match_parent"
+        android:layout_height="match_parent">
+        android:paddingBottom="8dp"
+		<TextView
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+			android:text="LABEL"/>
         <EditText
             android:id="@+id/inUserName"
             android:layout_width="match_parent"
@@ -75,6 +119,15 @@
             android:inputType="text"
             android:padding="8dp"
             android:text="@={viewModel.userName}" />
+</TableRow>
+<TableRow
+        android:layout_width="match_parent"
+        android:layout_height="match_parent">
+        android:paddingBottom="8dp"
+		<TextView
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+			android:text="LABEL"/>
 
         <EditText
             android:id="@+id/inPassword"
@@ -87,6 +140,15 @@
             android:inputType="textPassword"
             android:padding="8dp"
             android:text="@={viewModel.password}" />
+</TableRow>
+<TableRow
+        android:layout_width="match_parent"
+        android:layout_height="match_parent">
+        android:paddingBottom="8dp"
+		<TextView
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+			android:text="LABEL"/>
 
 		<EditText
             android:id="@+id/inCountry"
@@ -98,6 +160,8 @@
             android:inputType="textCapWords"
             android:padding="8dp"
             android:text="@={viewModel.country}" />
+</TableRow>
+</TableLayout>
 
         <CheckBox
             android:layout_width="match_parent"