34,333
edits
Changes
→Designing the User Interface
== Designing the User Interface ==
This example application calls for a very simple user interface consisting of a LinearLayout view with a GestureOverlayView layered on top of it to intercept any gestures performed by the user. Locate the res -> layout -> activity_custom_gesturesfragment_custom_gestures.xml file and double click on it to load it into the main panel. Select the TextView object in the user interface layout and delete it.
By default, the ADT plugin has provided a RelativeLayout component. Right-click on this item in the Outline panel and, from the resulting menu, select the Change Layout… button. In the resulting Change Layout dialog, change the New Layout Type: menu to LinearLayout before clicking OK.
Switch to the XML layout using the activity_custom_gesturesfragment_custom_gestures.xml tab along the bottom edge of the Graphical Layout tool panel and remove any padding properties present in the file:
<pre>
</pre>
Return to the Graphical Layout view, select the Advanced section of the Palette and drag and drop a GestureOverlayView object onto the Layout canvas and resize it to fill the entire layout area. Change the ID of the GestureOverlayView object to gOverlay. When completed, the activity_custom_gesturesfragment_custom_gestures.xml file should read as follows:
<pre>
