Add an example to demo custom FocusArea

Bug: 155698037
Test: manual
Change-Id: I4bf0648d66da4804e9d67c8f98accd92f65cbd41

3 files changed, 222 insertions, 4 deletions

diff --git a/RotaryPlayground/res/layout/custom_focus_areas_fragment.xml b/RotaryPlayground/res/layout/custom_focus_areas_fragment.xml
new file mode 100644
index 0000000..ea6a0b0
--- /dev/null
+++ b/RotaryPlayground/res/layout/custom_focus_areas_fragment.xml
@@ -0,0 +1,214 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  ~ Copyright (C) 2020 The Android Open Source Project
+  ~
+  ~ Licensed under the Apache License, Version 2.0 (the "License");
+  ~ you may not use this file except in compliance with the License.
+  ~ You may obtain a copy of the License at
+  ~
+  ~      http://www.apache.org/licenses/LICENSE-2.0
+  ~
+  ~ Unless required by applicable law or agreed to in writing, software
+  ~ distributed under the License is distributed on an "AS IS" BASIS,
+  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  ~ See the License for the specific language governing permissions and
+  ~ limitations under the License.
+  -->
+<LinearLayout
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+    <LinearLayout
+        android:layout_width="0dp"
+        android:layout_height="match_parent"
+        android:layout_weight="1"
+        android:orientation="vertical">
+
+        <com.android.car.ui.FocusArea
+            android:id="@+id/top_left"
+            android:layout_width="match_parent"
+            android:layout_height="0dp"
+            android:layout_weight="1"
+            android:layout_margin="@dimen/margin"
+            android:gravity="center"
+            android:orientation="vertical"
+            android:background="@color/card_background_color">
+            <Button
+                android:layout_width="wrap_content"
+                android:layout_height="@dimen/button_height"
+                android:paddingHorizontal="@dimen/padding"
+                android:text="Button"/>
+            <Button
+                android:layout_width="wrap_content"
+                android:layout_height="@dimen/button_height"
+                android:paddingHorizontal="@dimen/padding"
+                android:focusedByDefault="true"
+                android:text="android:focusedByDefault"/>
+            <Button
+                android:id="@+id/default_focus1"
+                android:layout_width="wrap_content"
+                android:layout_height="@dimen/button_height"
+                android:paddingHorizontal="@dimen/padding"
+                android:text="Button"/>
+        </com.android.car.ui.FocusArea>
+
+        <com.android.car.ui.FocusArea
+            android:layout_width="match_parent"
+            android:layout_height="0dp"
+            android:layout_weight="1"
+            android:layout_margin="@dimen/margin"
+            android:gravity="center"
+            android:orientation="vertical"
+            android:background="@color/card_background_color"
+            app:defaultFocus="@+id/default_focus">
+            <Button
+                android:layout_width="wrap_content"
+                android:layout_height="@dimen/button_height"
+                android:paddingHorizontal="@dimen/padding"
+                android:text="Button"/>
+            <Button
+                android:layout_width="wrap_content"
+                android:layout_height="@dimen/button_height"
+                android:paddingHorizontal="@dimen/padding"
+                android:focusedByDefault="true"
+                android:text="android:focusedByDefault"/>
+            <Button
+                android:id="@+id/default_focus"
+                android:layout_width="wrap_content"
+                android:layout_height="@dimen/button_height"
+                android:paddingHorizontal="@dimen/padding"
+                android:text="app:defaultFocus"/>
+        </com.android.car.ui.FocusArea>
+
+    </LinearLayout>
+
+    <LinearLayout
+        android:layout_width="0dp"
+        android:layout_height="match_parent"
+        android:layout_weight="1"
+        android:orientation="vertical">
+
+        <com.android.car.ui.FocusArea
+            android:layout_width="match_parent"
+            android:layout_height="0dp"
+            android:layout_weight="1"
+            android:layout_margin="@dimen/margin"
+            android:gravity="center"
+            android:orientation="vertical"
+            android:background="@color/card_background_color"
+            app:defaultFocus="@+id/default_focus2">
+            <Button
+                android:layout_width="wrap_content"
+                android:layout_height="@dimen/button_height"
+                android:paddingHorizontal="@dimen/padding"
+                android:text="Button"/>
+            <Button
+                android:id="@+id/default_focus2"
+                android:layout_width="wrap_content"
+                android:layout_height="@dimen/button_height"
+                android:paddingHorizontal="@dimen/padding"
+                android:text="app:defaultFocus"/>
+            <Button
+                android:layout_width="wrap_content"
+                android:layout_height="@dimen/button_height"
+                android:paddingHorizontal="@dimen/padding"
+                android:text="Button"/>
+        </com.android.car.ui.FocusArea>
+
+        <com.android.car.ui.FocusArea
+            android:layout_width="match_parent"
+            android:layout_height="0dp"
+            android:layout_weight="1"
+            android:layout_margin="@dimen/margin"
+            android:gravity="center"
+            android:orientation="vertical"
+            android:background="@color/card_background_color"
+            app:nudgeLeft="@+id/top_left">
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="Nudging to left goes to top left"/>
+            <Button
+                android:layout_width="wrap_content"
+                android:layout_height="@dimen/button_height"
+                android:paddingHorizontal="@dimen/padding"
+                android:text="Button"/>
+            <Button
+                android:layout_width="wrap_content"
+                android:layout_height="@dimen/button_height"
+                android:paddingHorizontal="@dimen/padding"
+                android:text="Button"/>
+            <Button
+                android:layout_width="wrap_content"
+                android:layout_height="@dimen/button_height"
+                android:paddingHorizontal="@dimen/padding"
+                android:text="Button"/>
+        </com.android.car.ui.FocusArea>
+
+    </LinearLayout>
+
+    <LinearLayout
+        android:layout_width="0dp"
+        android:layout_height="match_parent"
+        android:layout_weight="1"
+        android:orientation="vertical">
+
+        <com.android.car.ui.FocusArea
+            android:layout_width="match_parent"
+            android:layout_height="0dp"
+            android:layout_weight="1"
+            android:layout_margin="@dimen/margin"
+            android:gravity="center"
+            android:orientation="vertical"
+            android:background="@color/card_background_color"
+            app:nudgeShortcut="@+id/nudge_shortcut"
+            app:nudgeShortcutDirection="up">
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="Nudging up goes to the first Button"/>
+            <Button
+                android:id="@+id/nudge_shortcut"
+                android:layout_width="wrap_content"
+                android:layout_height="@dimen/button_height"
+                android:paddingHorizontal="@dimen/padding"
+                android:text="Button"/>
+            <Button
+                android:layout_width="wrap_content"
+                android:layout_height="@dimen/button_height"
+                android:paddingHorizontal="@dimen/padding"
+                android:text="Button"/>
+            <Button
+                android:layout_width="wrap_content"
+                android:layout_height="@dimen/button_height"
+                android:paddingHorizontal="@dimen/padding"
+                android:text="Button"/>
+        </com.android.car.ui.FocusArea>
+
+        <com.android.car.ui.FocusArea
+            android:layout_width="match_parent"
+            android:layout_height="0dp"
+            android:layout_weight="1"
+            android:layout_margin="@dimen/margin"
+            android:gravity="center"
+            android:orientation="vertical"
+            android:background="@color/card_disabled_background_color">
+            <Button
+                android:layout_width="wrap_content"
+                android:layout_height="@dimen/button_height"
+                android:paddingHorizontal="@dimen/padding"
+                android:focusable="false"
+                android:text="non-focusable Button"/>
+            <Button
+                android:layout_width="wrap_content"
+                android:layout_height="@dimen/button_height"
+                android:paddingHorizontal="@dimen/padding"
+                android:enabled="false"
+                android:text="disabled Button"/>
+        </com.android.car.ui.FocusArea>
+
+    </LinearLayout>
+
+</LinearLayout>
diff --git a/RotaryPlayground/res/layout/rotary_cards.xml b/RotaryPlayground/res/layout/rotary_cards.xml
index b197058..e3d9e87 100644
--- a/RotaryPlayground/res/layout/rotary_cards.xml
+++ b/RotaryPlayground/res/layout/rotary_cards.xml
@@ -52,15 +52,12 @@
                 android:layout_width="@dimen/card_width"
                 android:layout_height="match_parent"
                 android:padding="@dimen/card_padding"
-                android:orientation="vertical"
-                app:nudgeShortcut="@+id/button1"
-                app:nudgeShortcutDirection="up">
+                android:orientation="vertical">
                 <TextView
                     android:layout_height="@dimen/description_height"
                     android:layout_width="match_parent"
                     android:text="@string/card_normal_text" />
                 <Button
-                    android:id="@+id/button1"
                     android:layout_width="match_parent"
                     android:layout_height="50dp"
                     android:onClick="onRotaryButtonClick"
diff --git a/RotaryPlayground/res/layout/rotary_menu.xml b/RotaryPlayground/res/layout/rotary_menu.xml
index 452fdc1..f72d6ec 100644
--- a/RotaryPlayground/res/layout/rotary_menu.xml
+++ b/RotaryPlayground/res/layout/rotary_menu.xml
@@ -69,4 +69,11 @@
         android:layout_weight="1"
         android:text="WebView"
         style="@style/tab" />
+    <Button
+        android:id="@+id/custom_focus_areas"
+        android:layout_width="match_parent"
+        android:layout_height="0dp"
+        android:layout_weight="1"
+        android:text="Custom FocusAreas"
+        style="@style/tab" />
 </com.android.car.ui.FocusArea>