Make TitleVisible property toggle title bar's visibility (#1016)

This commit makes our TitleVisible property changes affect title bar's
visibility in the designer as well as on any connected device.

Change-Id: I64ab6917761fe627fc6565be784ad78a3bfdcbd9

appinventor/appengine/src/com/google/appinventor/client/editor/simple/components/MockForm.java

@@ -174,6 +174,7 @@ public final class MockForm extends MockContainer {
   private static final String PROPERTY_NAME_VNAME = "VersionName";
   private static final String PROPERTY_NAME_ANAME = "AppName";
   private static final String PROPERTY_NAME_SIZING = "Sizing"; // Don't show except on screen1
+  private static final String PROPERTY_NAME_TITLEVISIBLE = "TitleVisible";
   // Don't show except on screen1
   private static final String PROPERTY_NAME_SHOW_LISTS_AS_JSON = "ShowListsAsJson";
   private static final String PROPERTY_NAME_TUTORIAL_URL = "TutorialURL";
@@ -568,6 +569,11 @@ public final class MockForm extends MockContainer {
     }
   }
   
+  private void setTitleVisibleProperty(String text) {
+    boolean visible = Boolean.parseBoolean(text);
+    titleBar.setVisible(visible);
+  }
+
   /**
    * Forces a re-layout of the child components of the container.
    *
@@ -833,6 +839,9 @@ public final class MockForm extends MockContainer {
     } else if (propertyName.equals(PROPERTY_NAME_VERTICAL_ALIGNMENT)) {
       myLayout.setVAlignmentFlags(newValue);
       refreshForm();
+    } else if (propertyName.equals(PROPERTY_NAME_TITLEVISIBLE)) {
+      setTitleVisibleProperty(newValue);
+      refreshForm();
     }
   }
 

appinventor/appengine/war/Ya.css

@@ -969,6 +969,7 @@ select.ode-PropertyEditor[disabled] {
 }
 
 .ode-SimpleMockForm {
+  height: auto !important;
   background-color: #d2e0a6;
   border: 2px solid black;
 }