Add layouts for component selection items

Change-Id: I5bfb9231380b60338d1830f1a5d5cb38c83e94a7

7 files changed, 95 insertions, 0 deletions

diff --git a/res/layout/font_component_selection_item.xml b/res/layout/font_component_selection_item.xml
new file mode 100644
index 0000000..b276f59
--- /dev/null
+++ b/res/layout/font_component_selection_item.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<org.cyanogenmod.theme.util.FittedTextView
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="@dimen/component_selection_item_width"
+    android:layout_height="@dimen/component_selection_item_height"
+    android:background="#000000"
+    android:textColor="@android:color/white"
+    android:text="@string/font_component_item_text">
+
+</org.cyanogenmod.theme.util.FittedTextView>
\ No newline at end of file
diff --git a/res/layout/icon_component_selection_item.xml b/res/layout/icon_component_selection_item.xml
new file mode 100644
index 0000000..8aeb61e
--- /dev/null
+++ b/res/layout/icon_component_selection_item.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<ImageView xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="@dimen/component_selection_item_width"
+    android:layout_height="@dimen/component_selection_item_height"
+    android:padding="@dimen/icon_component_margin"
+    android:src="@drawable/ic_app_themes"
+    android:scaleType="fitCenter"
+    android:background="#000000">
+
+</ImageView>
\ No newline at end of file
diff --git a/res/layout/navigation_bar_component_selection_item.xml b/res/layout/navigation_bar_component_selection_item.xml
new file mode 100644
index 0000000..73b4548
--- /dev/null
+++ b/res/layout/navigation_bar_component_selection_item.xml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:orientation="vertical"
+    android:layout_width="@dimen/component_selection_item_width"
+    android:layout_height="@dimen/component_selection_item_height"
+    android:background="#000000">
+
+    <ImageView
+        android:id="@+id/back"
+        android:layout_width="match_parent"
+        android:layout_height="0dp"
+        android:layout_weight="1" />
+
+    <ImageView
+        android:id="@+id/home"
+        android:layout_width="match_parent"
+        android:layout_height="0dp"
+        android:layout_weight="1" />
+
+    <ImageView
+        android:id="@+id/recent"
+        android:layout_width="match_parent"
+        android:layout_height="0dp"
+        android:layout_weight="1" />
+
+</LinearLayout>
\ No newline at end of file
diff --git a/res/layout/status_bar_component_selection_item.xml b/res/layout/status_bar_component_selection_item.xml
new file mode 100644
index 0000000..4b859d0
--- /dev/null
+++ b/res/layout/status_bar_component_selection_item.xml
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:orientation="vertical"
+    android:layout_width="@dimen/component_selection_item_width"
+    android:layout_height="@dimen/component_selection_item_height"
+    android:background="#000000">
+
+    <ImageView
+        android:id="@+id/slot1"
+        style="@style/StatusBarComponentIcon"
+        android:layout_gravity="top|left"/>
+
+    <ImageView
+        android:id="@+id/slot2"
+        style="@style/StatusBarComponentIcon"
+        android:layout_gravity="top|right"/>
+    <ImageView
+        android:id="@+id/slot3"
+        style="@style/StatusBarComponentIcon"
+        android:layout_gravity="bottom|left"/>
+
+    <ImageView
+        android:id="@+id/slot4"
+        style="@style/StatusBarComponentIcon"
+        android:layout_gravity="bottom|right"/>
+
+</FrameLayout>
\ No newline at end of file
diff --git a/res/values/dimens.xml b/res/values/dimens.xml
index 14d95b6..88de2c9 100644
--- a/res/values/dimens.xml
+++ b/res/values/dimens.xml
@@ -22,4 +22,12 @@
     <dimen name="expanded_preview_margin">66dp</dimen>
     <dimen name="navigation_button_width">80dp</dimen>
     <dimen name="theme_preview_height">264dp</dimen>
+
+    <!-- Arbitrary values for testing, will need red lines from UX for actual values -->
+    <dimen name="component_selection_item_width">80dp</dimen>
+    <dimen name="component_selection_item_height">@dimen/component_selection_item_width</dimen>
+    <dimen name="status_bar_component_icon_width">32dp</dimen>
+    <dimen name="status_bar_component_icon_height">32dp</dimen>
+    <dimen name="status_bar_component_icon_margin">4dp</dimen>
+    <dimen name="icon_component_margin">4dp</dimen>
 </resources>
diff --git a/res/values/strings.xml b/res/values/strings.xml
index 147c33f..22c94da 100644
--- a/res/values/strings.xml
+++ b/res/values/strings.xml
@@ -74,4 +74,7 @@
     <string name="status_bar_clock_text" translatable="false">5:30</string>
     <string name="status_bar">Status bar</string>
     <string name="navigation_bar">Navigation bar</string>
+
+    <string name="font_component_item_text">Aa</string>
+
 </resources>
diff --git a/res/values/styles.xml b/res/values/styles.xml
index 065cadb..e51dbc4 100644
--- a/res/values/styles.xml
+++ b/res/values/styles.xml
@@ -114,4 +114,11 @@
         <item name="android:textStyle">normal</item>
     </style>
 
+    <style name="StatusBarComponentIcon">
+        <item name="android:layout_width">@dimen/status_bar_component_icon_width</item>
+        <item name="android:layout_height">@dimen/status_bar_component_icon_height</item>
+        <item name="android:layout_margin">@dimen/status_bar_component_icon_margin</item>
+        <item name="android:scaleType">fitCenter</item>
+    </style>
+
 </resources>