diff --git a/docs/html/images/screens_support/as-mac-avds-config.png b/docs/html/images/screens_support/as-mac-avds-config.png new file mode 100644 index 0000000000000..35467ffc99e45 Binary files /dev/null and b/docs/html/images/screens_support/as-mac-avds-config.png differ diff --git a/docs/html/images/tools/as-hide-side.png b/docs/html/images/tools/as-hide-side.png new file mode 100644 index 0000000000000..1c602f2411e92 Binary files /dev/null and b/docs/html/images/tools/as-hide-side.png differ diff --git a/docs/html/images/tools/as-run.png b/docs/html/images/tools/as-run.png new file mode 100644 index 0000000000000..76c7020db4341 Binary files /dev/null and b/docs/html/images/tools/as-run.png differ diff --git a/docs/html/images/training/firstapp/studio-new-activity.png b/docs/html/images/training/firstapp/studio-new-activity.png new file mode 100644 index 0000000000000..997d455913c05 Binary files /dev/null and b/docs/html/images/training/firstapp/studio-new-activity.png differ diff --git a/docs/html/images/training/firstapp/studio-setup-1.png b/docs/html/images/training/firstapp/studio-setup-1.png new file mode 100644 index 0000000000000..25b8fd8840535 Binary files /dev/null and b/docs/html/images/training/firstapp/studio-setup-1.png differ diff --git a/docs/html/training/basics/firstapp/building-ui.jd b/docs/html/training/basics/firstapp/building-ui.jd index 0430cdd8d0c49..dcf3a164f7e38 100644 --- a/docs/html/training/basics/firstapp/building-ui.jd +++ b/docs/html/training/basics/firstapp/building-ui.jd @@ -8,9 +8,9 @@ helpoutsWidget=true -
-
- +
+
+

This lesson teaches you to

    @@ -27,16 +27,18 @@ helpoutsWidget=true
  1. Layouts
  2. -
-
- +
+
+

In this lesson, you create a layout in XML that includes a text field and a +button. In the next lesson, your app responds when the button is pressed by sending the +content of the text field to another activity.

The graphical user interface for an Android app is built using a hierarchy of {@link android.view.View} and {@link android.view.ViewGroup} objects. {@link android.view.View} objects are usually UI widgets such as buttons or -text fields and {@link -android.view.ViewGroup} objects are +text fields. +{@link android.view.ViewGroup} objects are invisible view containers that define how the child views are laid out, such as in a grid or a vertical list.

@@ -44,6 +46,8 @@ grid or a vertical list.

android.view.View} and {@link android.view.ViewGroup} so you can define your UI in XML using a hierarchy of UI elements.

+

Layouts are subclasses of the {@link android.view.ViewGroup}. In this exercise, you'll work with +a {@link android.widget.LinearLayout}.