Update ViewPagerTabs to include unread count value.
Add methods to ViewPagerTabs to update unread count. Add layouts that
include the text view for displaying the number.
Bug: 21086059
Change-Id: Ie9ddba329f0d40ddd4cdec9c70c23b03dfec0a27
diff --git a/res-common/drawable/unread_count_background.xml b/res-common/drawable/unread_count_background.xml
new file mode 100644
index 0000000..f70f84a
--- /dev/null
+++ b/res-common/drawable/unread_count_background.xml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Copyright (C) 2015 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.
+-->
+<shape
+ xmlns:android="http://schemas.android.com/apk/res/android"
+ android:shape="rectangle">
+ <corners android:radius="@dimen/tab_unread_count_background_radius"/>
+ <solid android:color="@color/tab_unread_count_background_color" />
+</shape>
diff --git a/res-common/layout/unread_count_tab.xml b/res-common/layout/unread_count_tab.xml
new file mode 100644
index 0000000..78d5e79
--- /dev/null
+++ b/res-common/layout/unread_count_tab.xml
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Copyright (C) 2015 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.
+-->
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+ android:layout_width="match_parent"
+ android:layout_height="match_parent"
+ android:background="@drawable/view_pager_tab_background">
+ <!-- The tab icon -->
+ <ImageView
+ android:id="@+id/icon"
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:layout_centerInParent="true" />
+ <TextView
+ android:id="@+id/count"
+ android:background="@drawable/unread_count_background"
+ android:layout_width="wrap_content"
+ android:layout_height="@dimen/tab_unread_count_background_size"
+ android:layout_marginStart="@dimen/tab_unread_count_margin_left"
+ android:layout_marginTop="@dimen/tab_unread_count_margin_top"
+ android:layout_toEndOf="@id/icon"
+ android:paddingLeft="@dimen/tab_unread_count_text_padding"
+ android:paddingRight="@dimen/tab_unread_count_text_padding"
+ android:textSize="@dimen/tab_unread_count_text_size"
+ android:textColor="@color/tab_accent_color"
+ android:fontFamily="sans-serif-medium" />
+</RelativeLayout>
diff --git a/res-common/values/colors.xml b/res-common/values/colors.xml
index 0dc85b5..cf2dad3 100644
--- a/res-common/values/colors.xml
+++ b/res-common/values/colors.xml
@@ -129,6 +129,7 @@
<color name="tab_ripple_color">@color/tab_accent_color</color>
<color name="tab_accent_color">#ffffff</color>
<color name="tab_selected_underline_color">@color/tab_accent_color</color>
+ <color name="tab_unread_count_background_color">#700f4b70</color>
<!-- Color of the title to the Frequently Contacted section -->
<color name="frequently_contacted_title_color">@color/actionbar_background_color</color>
diff --git a/res-common/values/dimens.xml b/res-common/values/dimens.xml
index 8d612ff..cd1f137 100644
--- a/res-common/values/dimens.xml
+++ b/res-common/values/dimens.xml
@@ -117,6 +117,12 @@
<!-- Size of text in tabs. -->
<dimen name="tab_text_size">14sp</dimen>
<dimen name="tab_elevation">2dp</dimen>
+ <dimen name="tab_unread_count_background_size">16dp</dimen>
+ <dimen name="tab_unread_count_background_radius">2dp</dimen>
+ <dimen name="tab_unread_count_margin_left">10dp</dimen>
+ <dimen name="tab_unread_count_margin_top">2dp</dimen>
+ <dimen name="tab_unread_count_text_size">12sp</dimen>
+ <dimen name="tab_unread_count_text_padding">2dp</dimen>
<!-- Padding around the icon in the search box. -->
<dimen name="search_box_icon_margin">4dp</dimen>