Change virtual keyboard images by flat buttons with text and added 'Up', 'Down', 'Left' and 'Right' arrow keys.

Squashes together other commits:
  - Remove HorizontalScrollView tests
  - Add comments to give translators context.
  - Remove hardcoded button texts and change the keyboard icon to a more
    modern style.
  - Change virtual keyboard RelativeLayout to LinearLayout and it take
    all screen width. And add a small separators between buttons.
  - Mislabelled "Up" key

3 files changed, 173 insertions, 40 deletions

diff --git a/app/src/main/res/drawable/button_keyboard.png b/app/src/main/res/drawable/button_keyboard.png
index 9205d8b..f3094c1 100644
--- a/app/src/main/res/drawable/button_keyboard.png
+++ b/app/src/main/res/drawable/button_keyboard.png
diff --git a/app/src/main/res/layout/act_console.xml b/app/src/main/res/layout/act_console.xml
index cd06e50..36dc69c 100644
--- a/app/src/main/res/layout/act_console.xml
+++ b/app/src/main/res/layout/act_console.xml
@@ -120,59 +120,161 @@
 
 	</RelativeLayout>
 
-	<RelativeLayout
+	<LinearLayout
 		android:id="@+id/keyboard_group"
 		android:layout_width="fill_parent"
 		android:layout_height="wrap_content"
 		android:layout_alignParentBottom="true"
-		android:padding="15dip"
+		android:background="#55000000"
+		android:padding="0dip"
 		android:visibility="gone">
 
-		<ImageView
-			android:id="@+id/button_keyboard"
-			android:layout_width="wrap_content"
-			android:layout_height="wrap_content"
-			android:layout_alignParentBottom="true"
-			android:layout_alignParentEnd="true"
-			android:layout_alignParentRight="true"
-			android:src="@+drawable/button_keyboard"
-			android:contentDescription="@string/image_description_show_keyboard"
-			/>
-
-		<ImageView
+		<Button
 			android:id="@+id/button_ctrl"
-			android:paddingRight="15dip"
-			android:layout_width="wrap_content"
-			android:layout_height="wrap_content"
-			android:layout_alignParentStart="true"
-			android:layout_alignParentLeft="true"
-			android:layout_alignParentBottom="true"
-			android:src="@+drawable/button_ctrl"
+			android:layout_width="0px"
+			android:layout_weight="1"
+			android:layout_height="30dip"
+			android:layout_margin="0dp"
+			android:background="#55f0f0f0"
 			android:contentDescription="@string/image_description_toggle_control_character"
+			android:padding="0dp"
+			android:text="@string/button_key_ctrl"
+			android:textSize="10dip"
 			/>
 
-		<ImageView
+		<View
+			android:layout_width="1dp"
+			android:layout_height="match_parent"
+			android:background="#90000000"
+			/>
+
+		<Button
 			android:id="@+id/button_esc"
-			android:paddingRight="15dip"
-			android:layout_width="wrap_content"
-			android:layout_height="wrap_content"
-			android:layout_toRightOf="@+id/button_ctrl"
-			android:layout_alignParentBottom="true"
-			android:src="@+drawable/button_esc"
+			android:layout_width="0px"
+			android:layout_weight="1"
+			android:layout_height="30dip"
+			android:layout_margin="0dp"
+			android:background="#55f0f0f0"
 			android:contentDescription="@string/image_description_send_escape_character"
+			android:padding="0dp"
+			android:text="@string/button_key_esc"
+			android:textSize="10dip"
 			/>
-    
-    <ImageView
-      android:id="@+id/button_tab"
-      android:paddingRight="15dip"
-      android:layout_width="wrap_content"
-      android:layout_height="wrap_content"
-      android:layout_toRightOf="@+id/button_esc"
-      android:layout_alignParentBottom="true"
-      android:src="@+drawable/button_tab"
-      android:contentDescription="@string/image_description_send_tab_character"
-      />
 
-	</RelativeLayout>
+		<View
+			android:layout_width="1dp"
+			android:layout_height="match_parent"
+			android:background="#90000000"
+			/>
+
+		<Button
+			android:id="@+id/button_tab"
+			android:layout_width="0px"
+			android:layout_weight="1"
+			android:layout_height="30dip"
+			android:layout_margin="0dp"
+			android:background="#55f0f0f0"
+			android:contentDescription="@string/image_description_send_tab_character"
+			android:padding="0dp"
+			android:text="@string/button_key_tab"
+			android:textSize="10dip"
+			/>
+
+		<View
+			android:layout_width="1dp"
+			android:layout_height="match_parent"
+			android:background="#90000000"
+			/>
+
+		<Button
+			android:id="@+id/button_up"
+			android:layout_width="0px"
+			android:layout_weight="1"
+			android:layout_height="30dip"
+			android:layout_margin="0dp"
+			android:background="#55f0f0f0"
+			android:contentDescription="@string/image_description_up"
+			android:padding="0dp"
+			android:text="@string/button_key_up"
+			android:textSize="10dip"
+			/>
+
+		<View
+			android:layout_width="1dp"
+			android:layout_height="match_parent"
+			android:background="#90000000"
+			/>
+
+		<Button
+			android:id="@+id/button_down"
+			android:layout_width="0px"
+			android:layout_weight="1"
+			android:layout_height="30dip"
+			android:layout_margin="0dp"
+			android:background="#55f0f0f0"
+			android:contentDescription="@string/image_description_down"
+			android:padding="0dp"
+			android:text="@string/button_key_down"
+			android:textSize="10dip"
+			/>
+
+		<View
+			android:layout_width="1dp"
+			android:layout_height="match_parent"
+			android:background="#90000000"
+			/>
+
+		<Button
+			android:id="@+id/button_left"
+			android:layout_width="0px"
+			android:layout_weight="1"
+			android:layout_height="30dip"
+			android:layout_margin="0dp"
+			android:background="#55f0f0f0"
+			android:contentDescription="@string/image_description_left"
+			android:padding="0dp"
+			android:text="@string/button_key_left"
+			android:textSize="10dip"
+			/>
+
+		<View
+			android:layout_width="1dp"
+			android:layout_height="match_parent"
+			android:background="#90000000"
+			/>
+
+		<Button
+			android:id="@+id/button_right"
+			android:layout_width="0px"
+			android:layout_weight="1"
+			android:layout_height="30dip"
+			android:layout_margin="0dp"
+			android:background="#55f0f0f0"
+			android:contentDescription="@string/image_description_right"
+			android:padding="0dp"
+			android:text="@string/button_key_right"
+			android:textSize="10dip"
+			/>
+
+		<View
+			android:layout_width="1dp"
+			android:layout_height="match_parent"
+			android:background="#90000000"
+			/>
+
+		<ImageView
+			android:id="@+id/button_keyboard"
+			android:layout_width="0px"
+			android:layout_weight="1"
+			android:layout_height="30dip"
+			android:layout_margin="0dp"
+			android:contentDescription="@string/image_description_show_keyboard"
+			android:padding="0dp"
+			android:src="@drawable/button_keyboard"
+			android:background="#55f0f0f0"
+			android:textSize="10dip"
+			/>
+
+	</LinearLayout>
 
 </RelativeLayout>
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
index 67f478d..b7a1cd2 100644
--- a/app/src/main/res/values/strings.xml
+++ b/app/src/main/res/values/strings.xml
@@ -529,4 +529,35 @@
 	<!-- Describes the icon of the "show keyboard" button in the terminal view for accessibility
 	     purposes. -->
 	<string name="image_description_show_keyboard">Show keyboard.</string>
+
+	<!-- Describes the icon of the "Arrow up" button in the terminal view for accessibility
+	     purposes. -->
+	<string name="image_description_up">Arrow up</string>
+
+	<!-- Describes the icon of the "Arrow down" button in the terminal view for accessibility
+	     purposes. -->
+	<string name="image_description_down">Arrow down</string>
+
+	<!-- Describes the icon of the "Arrow left" button in the terminal view for accessibility
+	     purposes. -->
+	<string name="image_description_left">Arrow left</string>
+
+	<!-- Describes the icon of the "Arrow right" button in the terminal view for accessibility
+	     purposes. -->
+	<string name="image_description_right">Arrow right</string>
+
+	<!-- Text for the "Esc" button in virtual keyboard. -->
+	<string name="button_key_esc">Esc</string>
+	<!-- Text for the "Ctrl" button in virtual keyboard. -->
+	<string name="button_key_ctrl">Ctrl</string>
+	<!-- Text for the "Tab" button in virtual keyboard. -->
+	<string name="button_key_tab">Tab</string>
+	<!-- Text for the "up" button in virtual keyboard. -->
+	<string name="button_key_up">Up</string>
+	<!-- Text for the "down" button in virtual keyboard. -->
+	<string name="button_key_down">Down</string>
+	<!-- Text for the "left" button in virtual keyboard. -->
+	<string name="button_key_left">Left</string>
+	<!-- Text for the "right" button in virtual keyboard. -->
+	<string name="button_key_right">Right</string>
 </resources>