Updates to visual design.
- Use sizes from spec.
- Show only contact name in call details header.
- Add spacing between contact icons.
- Updates a few assets.
- Add contentDescription to a number of elements.
- Use @dimen instead of ?attr for dimensions.
Bug: 4989127
Bug: 4989128
Bug: 5039572
Bug: 5038409
Change-Id: I3a59af44c77f739185feef39afd57193b5e0176a
diff --git a/res/layout/call_detail.xml b/res/layout/call_detail.xml
index c20df49..e6a685e 100644
--- a/res/layout/call_detail.xml
+++ b/res/layout/call_detail.xml
@@ -23,7 +23,7 @@
<LinearLayout
android:id="@+id/action_bar"
android:layout_width="match_parent"
- android:layout_height="?attr/call_detail_action_bar_height"
+ android:layout_height="@dimen/call_detail_action_bar_height"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:orientation="horizontal"
@@ -51,7 +51,7 @@
<ImageView
android:id="@+id/contact_background"
android:layout_width="match_parent"
- android:layout_height="?attr/call_detail_contact_background_height"
+ android:layout_height="@dimen/call_detail_contact_background_height"
android:layout_alignParentLeft="true"
android:layout_below="@id/voicemail_status"
android:adjustViewBounds="true"
@@ -73,7 +73,7 @@
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
- android:layout_height="?attr/call_detail_contact_background_overlay_height"
+ android:layout_height="@dimen/call_detail_contact_background_overlay_height"
android:background="#3F000000"
android:layout_alignParentLeft="true"
android:layout_alignBottom="@id/contact_background"
@@ -81,19 +81,21 @@
<RelativeLayout
android:id="@+id/contact_text"
android:layout_width="match_parent"
- android:layout_height="?attr/call_detail_contact_background_overlay_height"
+ android:layout_height="@dimen/call_detail_contact_background_overlay_height"
android:layout_alignParentLeft="true"
android:layout_alignBottom="@id/contact_background"
- android:paddingLeft="5dip"
+ android:paddingLeft="@dimen/call_detail_contact_name_margin"
>
<ImageView
android:id="@+id/main_action"
- android:layout_width="?attr/call_detail_action_icon_size"
+ android:layout_width="@dimen/call_log_call_action_size"
android:layout_height="match_parent"
android:gravity="center_vertical"
android:scaleType="center"
android:layout_alignParentRight="true"
android:layout_alignParentBottom="true"
+ android:layout_marginRight="@dimen/call_log_outer_margin"
+ android:layout_marginLeft="@dimen/call_log_inner_margin"
/>
<RelativeLayout
android:layout_width="wrap_content"
diff --git a/res/layout/call_detail_history_item.xml b/res/layout/call_detail_history_item.xml
index 3b28cfc..069ade9 100644
--- a/res/layout/call_detail_history_item.xml
+++ b/res/layout/call_detail_history_item.xml
@@ -20,15 +20,15 @@
android:layout_height="wrap_content"
android:minHeight="?android:attr/listPreferredItemHeight"
android:background="?attr/call_log_secondary_background_color"
- android:padding="5dip"
+ android:padding="@dimen/call_log_indent_margin"
>
- <ImageView
+ <FrameLayout
android:id="@+id/call_type_icon"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_alignParentLeft="true"
- android:layout_marginRight="5dip"
+ android:layout_marginRight="@dimen/call_log_icon_margin"
/>
<TextView
android:id="@+id/call_type_text"
diff --git a/res/layout/call_log_action_call.xml b/res/layout/call_log_action_call.xml
index 0f15a23..062af6a 100644
--- a/res/layout/call_log_action_call.xml
+++ b/res/layout/call_log_action_call.xml
@@ -19,35 +19,48 @@
<LinearLayout
android:id="@+id/divider"
android:layout_width="wrap_content"
- android:layout_height="?attr/call_log_list_contact_photo_size"
+ android:layout_height="wrap_content"
android:layout_alignParentRight="true"
+ android:layout_centerInParent="true"
android:orientation="horizontal"
>
<ImageView
- android:id="@+id/play_icon"
+ android:id="@+id/unheard_icon"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
- android:layout_marginLeft="?attr/call_log_inner_margin"
+ android:layout_marginLeft="@dimen/call_log_inner_margin"
android:layout_gravity="center_vertical"
android:scaleType="center"
android:src="@drawable/ic_unheard_voicemail_holo_dark"
android:visibility="gone"
+ android:contentDescription="@string/description_call_log_unheard_voicemail"
/>
<View
android:layout_width="1px"
- android:layout_height="?attr/call_log_list_call_action_size"
+ android:layout_height="@dimen/call_log_call_action_size"
android:layout_gravity="center_vertical"
- android:layout_marginLeft="?attr/call_log_inner_margin"
+ android:layout_marginLeft="@dimen/call_log_inner_margin"
android:background="@drawable/ic_divider_dashed_holo_dark"
/>
<ImageView
android:id="@+id/call_icon"
- android:layout_width="?attr/call_log_list_call_action_size"
- android:layout_height="?attr/call_log_list_call_action_size"
- android:layout_marginLeft="?attr/call_log_inner_margin"
+ android:layout_width="@dimen/call_log_call_action_size"
+ android:layout_height="@dimen/call_log_call_action_size"
+ android:layout_marginLeft="@dimen/call_log_inner_margin"
android:layout_gravity="center_vertical"
android:scaleType="center"
- android:src="@drawable/ic_dial_action_call"
+ android:src="@drawable/ic_ab_dialer_holo_dark"
+ android:contentDescription="@string/description_call_log_call_button"
+ />
+ <ImageView
+ android:id="@+id/play_icon"
+ android:layout_width="@dimen/call_log_call_action_size"
+ android:layout_height="@dimen/call_log_call_action_size"
+ android:layout_marginLeft="@dimen/call_log_inner_margin"
+ android:layout_gravity="center_vertical"
+ android:scaleType="center"
+ android:src="@drawable/ic_play_holo_dark"
+ android:contentDescription="@string/description_call_log_play_button"
/>
</LinearLayout>
diff --git a/res/layout/call_log_contact_photo.xml b/res/layout/call_log_contact_photo.xml
index a9add82..91b0743 100644
--- a/res/layout/call_log_contact_photo.xml
+++ b/res/layout/call_log_contact_photo.xml
@@ -2,9 +2,9 @@
<merge xmlns:android="http://schemas.android.com/apk/res/android">
<QuickContactBadge
android:id="@+id/contact_photo"
- android:layout_width="?attr/call_log_list_contact_photo_size"
- android:layout_height="?attr/call_log_list_contact_photo_size"
+ android:layout_width="@dimen/call_log_list_contact_photo_size"
+ android:layout_height="@dimen/call_log_list_contact_photo_size"
android:layout_alignParentLeft="true"
- android:layout_gravity="center_vertical"
+ android:layout_centerInParent="true"
/>
</merge>
diff --git a/res/layout/call_log_incoming_call_icon.xml b/res/layout/call_log_incoming_call_icon.xml
new file mode 100644
index 0000000..7bb7054
--- /dev/null
+++ b/res/layout/call_log_incoming_call_icon.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<ImageView xmlns:android="http://schemas.android.com/apk/res/android"
+ android:id="@+id/call_log_incoming_call_icon"
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:layout_marginRight="@dimen/call_log_icon_margin"
+ android:src="@drawable/ic_call_incoming_holo_dark"
+ android:contentDescription="@string/description_call_log_incoming_call"
+/>
diff --git a/res/layout/call_log_list_item.xml b/res/layout/call_log_list_item.xml
index 890026e..fcccf07 100644
--- a/res/layout/call_log_list_item.xml
+++ b/res/layout/call_log_list_item.xml
@@ -27,10 +27,10 @@
<FrameLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
- android:layout_marginLeft="?attr/call_log_outer_margin"
- android:layout_marginRight="?attr/call_log_outer_margin"
- android:layout_marginTop="?attr/call_log_inner_margin"
- android:layout_marginBottom="?attr/call_log_inner_margin"
+ android:layout_marginLeft="@dimen/call_log_outer_margin"
+ android:layout_marginRight="@dimen/call_log_outer_margin"
+ android:layout_marginTop="@dimen/call_log_inner_margin"
+ android:layout_marginBottom="@dimen/call_log_inner_margin"
>
<!--
This layout may represent either a call log item or one of the
@@ -63,7 +63,7 @@
android:id="@+id/call_log_header_text"
android:layout_width="match_parent"
android:layout_height="wrap_content"
- android:layout_marginLeft="?attr/call_log_inner_margin"
+ android:layout_marginLeft="@dimen/call_log_inner_margin"
android:textSize="14sp"
android:textStyle="bold"
android:textColor="?attr/call_log_header_color"
diff --git a/res/layout/call_log_list_item_layout.xml b/res/layout/call_log_list_item_layout.xml
index 4fbe426..e754bf7 100644
--- a/res/layout/call_log_list_item_layout.xml
+++ b/res/layout/call_log_list_item_layout.xml
@@ -17,11 +17,12 @@
<merge xmlns:android="http://schemas.android.com/apk/res/android">
<RelativeLayout
android:layout_width="wrap_content"
- android:layout_height="?attr/call_log_list_contact_photo_size"
+ android:layout_height="wrap_content"
android:layout_toRightOf="@id/contact_photo"
android:layout_toLeftOf="@id/divider"
+ android:layout_centerInParent="true"
android:layout_alignWithParentIfMissing="true"
- android:layout_marginLeft="?attr/call_log_inner_margin"
+ android:layout_marginLeft="@dimen/call_log_inner_margin"
>
<include layout="@layout/call_log_phone_call_details"/>
</RelativeLayout>
diff --git a/res/layout/call_log_missed_call_icon.xml b/res/layout/call_log_missed_call_icon.xml
new file mode 100644
index 0000000..4a37229
--- /dev/null
+++ b/res/layout/call_log_missed_call_icon.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<ImageView xmlns:android="http://schemas.android.com/apk/res/android"
+ android:id="@+id/call_log_missed_call_icon"
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:layout_marginRight="@dimen/call_log_icon_margin"
+ android:src="@drawable/ic_call_missed_holo_dark"
+ android:contentDescription="@string/description_call_log_missed_call"
+/>
diff --git a/res/layout/call_log_outgoing_call_icon.xml b/res/layout/call_log_outgoing_call_icon.xml
new file mode 100644
index 0000000..67841be
--- /dev/null
+++ b/res/layout/call_log_outgoing_call_icon.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<ImageView xmlns:android="http://schemas.android.com/apk/res/android"
+ android:id="@+id/call_log_outgoing_call_icon"
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:layout_marginRight="@dimen/call_log_icon_margin"
+ android:src="@drawable/ic_call_outgoing_holo_dark"
+ android:contentDescription="@string/description_call_log_outgoing_call"
+/>
diff --git a/res/layout/call_log_phone_call_details.xml b/res/layout/call_log_phone_call_details.xml
index cf26fb6..5a4131e 100644
--- a/res/layout/call_log_phone_call_details.xml
+++ b/res/layout/call_log_phone_call_details.xml
@@ -16,68 +16,73 @@
<merge xmlns:android="http://schemas.android.com/apk/res/android">
<LinearLayout
- android:id="@+id/call_type"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
- android:layout_alignParentBottom="true"
+ android:layout_centerInParent="true"
android:gravity="center_vertical"
+ android:orientation="vertical"
>
+ <TextView
+ android:id="@+id/name"
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:textColor="?attr/call_log_primary_text_color"
+ android:textSize="18sp"
+ android:singleLine="true"
+ />
+ <TextView
+ android:id="@+id/number"
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:textColor="?attr/call_log_secondary_text_color"
+ android:textSize="14sp"
+ android:singleLine="true"
+ />
<LinearLayout
- android:id="@+id/call_type_icons"
+ android:id="@+id/call_type"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
- android:layout_marginRight="?attr/call_log_inner_margin"
- />
- <TextView
- android:id="@+id/call_type_name"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:textColor="?attr/call_log_secondary_text_color"
- android:textSize="14sp"
- android:layout_marginRight="?attr/call_log_inner_margin"
- android:singleLine="true"
- />
- <TextView
- android:id="@+id/call_type_separator"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:layout_marginRight="?attr/call_log_inner_margin"
- android:textColor="?attr/call_log_secondary_text_color"
- android:textSize="14sp"
- android:text="@string/call_log_type_date_separator"
- android:singleLine="true"
- />
- <TextView
- android:id="@+id/date"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:textColor="?attr/call_log_secondary_text_color"
- android:textSize="14sp"
- android:layout_toRightOf="@id/call_type"
- android:layout_alignParentBottom="true"
- android:singleLine="true"
- />
+ android:orientation="horizontal"
+ >
+ <LinearLayout
+ android:id="@+id/call_type_icons"
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:layout_marginRight="@dimen/call_log_icon_margin"
+ android:layout_gravity="center_vertical"
+ android:orientation="horizontal"
+ />
+ <TextView
+ android:id="@+id/call_type_name"
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:layout_marginRight="@dimen/call_log_inner_margin"
+ android:layout_gravity="center_vertical"
+ android:textColor="?attr/call_log_secondary_text_color"
+ android:textSize="14sp"
+ android:singleLine="true"
+ />
+ <TextView
+ android:id="@+id/call_type_separator"
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:layout_marginRight="@dimen/call_log_inner_margin"
+ android:layout_gravity="center_vertical"
+ android:textColor="?attr/call_log_secondary_text_color"
+ android:textSize="14sp"
+ android:text="@string/call_log_type_date_separator"
+ android:singleLine="true"
+ />
+ <TextView
+ android:id="@+id/date"
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:layout_gravity="center_vertical"
+ android:textColor="?attr/call_log_secondary_text_color"
+ android:textSize="14sp"
+ android:singleLine="true"
+ />
+ </LinearLayout>
</LinearLayout>
- <TextView
- android:id="@+id/number"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:textColor="?attr/call_log_secondary_text_color"
- android:textSize="14sp"
- android:layout_alignParentLeft="true"
- android:layout_above="@id/call_type"
- android:singleLine="true"
- />
- <TextView
- android:id="@+id/name"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:textColor="?attr/call_log_primary_text_color"
- android:textSize="18sp"
- android:layout_alignParentLeft="true"
- android:layout_above="@id/number"
- android:paddingBottom="2dp"
- android:singleLine="true"
- />
</merge>
diff --git a/res/layout/call_log_voicemail_icon.xml b/res/layout/call_log_voicemail_icon.xml
new file mode 100644
index 0000000..cfd6a2d
--- /dev/null
+++ b/res/layout/call_log_voicemail_icon.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<ImageView xmlns:android="http://schemas.android.com/apk/res/android"
+ android:id="@+id/call_log_voicemail_icon"
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:layout_marginRight="@dimen/call_log_icon_margin"
+ android:src="@drawable/ic_call_voicemail_holo_dark"
+ android:contentDescription="@string/description_call_log_voicemail"
+/>
diff --git a/res/layout/playback_layout.xml b/res/layout/playback_layout.xml
index bebb0a0..1fb36be 100644
--- a/res/layout/playback_layout.xml
+++ b/res/layout/playback_layout.xml
@@ -61,8 +61,8 @@
android:thumb="@drawable/seek_bar_thumb"
android:thumbOffset="0dip"
android:background="@drawable/dialpad_background"
- android:paddingLeft="35dip"
- android:paddingRight="35dip"
+ android:paddingLeft="50dip"
+ android:paddingRight="50dip"
android:paddingTop="10dip"
android:paddingBottom="20dip"
android:layout_margin="4dip"
@@ -81,7 +81,7 @@
/>
<ImageButton
android:id="@+id/rate_decrease_button"
- android:src="@drawable/ic_menu_remove_field_holo_light"
+ android:src="@drawable/ic_minus_holo_dark"
android:layout_width="30dip"
android:layout_height="wrap_content"
android:background="@android:color/transparent"
@@ -92,7 +92,7 @@
/>
<ImageButton
android:id="@+id/rate_increase_button"
- android:src="@drawable/ic_menu_add_field_holo_light"
+ android:src="@drawable/ic_plus_holo_dark"
android:layout_width="30dip"
android:layout_height="wrap_content"
android:background="@android:color/transparent"