Time for action – defining a simple GUI

Let's create a Java Graphical User Interface for our Store and bind it to the native store structure that we will create:

1. Rewrite the res/fragment_layout.xml layout to define the graphical interface as follows. It defines:

   • A Key TextView label and EditText to enter the key

   • A Value TextView label and EditText to enter the value matching the key

   • A Type TextView label and Spinner to define the type of the value

   • A Get Value and a Set Value Button to retrieve and change a value in the store

     <LinearLayout xmlns:a="http://schemas.android.com/apk/res/android"
       xmlns:tools="http://schemas.android.com/tools"
       a:layout_width="match_parent" a:layout_height="match_parent"
       a:orientation="vertical"
     tools:context="com.packtpub.store.StoreActivity$PlaceholderFragment">
       <TextView
         a:layout_width="match_parent" a:layout_height="wrap_content"
         a:text="Save or retrieve a value from the store:" />
       <TableLayout
         a:layout_width="match_parent" a:layout_height...