diff options
author | Brian Attwell <brianattwell@google.com> | 2014-06-23 18:25:32 -0700 |
---|---|---|
committer | Brian Attwell <brianattwell@google.com> | 2014-06-24 16:08:21 -0700 |
commit | 9b889e6ef4534db6925e3f915bed281733ea8bc3 (patch) | |
tree | cd9847a7b01c90425ed33691ddf3c2cd8eeaf3fa /res/layout | |
parent | 7b0b0ce616c6c2fa149918c112128388712f5657 (diff) | |
download | packages_apps_Contacts-9b889e6ef4534db6925e3f915bed281733ea8bc3.tar.gz packages_apps_Contacts-9b889e6ef4534db6925e3f915bed281733ea8bc3.tar.bz2 packages_apps_Contacts-9b889e6ef4534db6925e3f915bed281733ea8bc3.zip |
Bag o' QC UX improvements
UX and I spent a couple days trying out different tweaks to QC.
This is the result.
Main Changes:
-landscape
-better blending, and interpolation of blended values
-different scrim animation length
-updated colors & dimensions
-scaling of title TextView during scroll
-EdgeEffect color is now dynamic
-Drop shadow size
Bug: 15725269
Change-Id: Ib992b41692704d3d932527cef715693ed7a7f4cc
Diffstat (limited to 'res/layout')
-rw-r--r-- | res/layout/expanding_entry_card_item.xml | 3 | ||||
-rw-r--r-- | res/layout/quickcontact_activity.xml | 50 | ||||
-rw-r--r-- | res/layout/quickcontact_content.xml | 42 | ||||
-rw-r--r-- | res/layout/quickcontact_header.xml | 49 | ||||
-rw-r--r-- | res/layout/quickcontact_title_placeholder.xml | 31 |
5 files changed, 125 insertions, 50 deletions
diff --git a/res/layout/expanding_entry_card_item.xml b/res/layout/expanding_entry_card_item.xml index 890f2dae7..c038d1b2e 100644 --- a/res/layout/expanding_entry_card_item.xml +++ b/res/layout/expanding_entry_card_item.xml @@ -40,8 +40,7 @@ android:layout_alignParentTop="true" android:layout_toRightOf="@+id/icon" android:singleLine="true" - android:textColor="@android:color/black" - android:textStyle="bold" /> + android:textColor="@android:color/black" /> <TextView android:id="@+id/sub_header" diff --git a/res/layout/quickcontact_activity.xml b/res/layout/quickcontact_activity.xml index 13b8d9bf0..7b81ea261 100644 --- a/res/layout/quickcontact_activity.xml +++ b/res/layout/quickcontact_activity.xml @@ -29,54 +29,8 @@ android:layout_height="@dimen/quickcontact_starting_empty_height" android:id="@+id/transparent_view" /> - <FrameLayout - android:layout_width="match_parent" - android:layout_height="match_parent" - android:background="@color/card_margin_color" - android:id="@+id/toolbar_parent"> - - <ImageView - android:id="@+id/photo" - android:layout_width="match_parent" - android:layout_height="match_parent" - android:scaleType="centerCrop" - android:contentDescription="@string/description_contact_photo" /> - - <!-- Need to set a non null background on Toolbar in order for MenuItem - ripples to be drawn on this view, instead of another--> - <Toolbar - android:layout_width="match_parent" - android:layout_height="?android:attr/actionBarSize" - android:background="#00000000" - android:id="@+id/toolbar"/> - - </FrameLayout> - - <com.android.contacts.widget.TouchlessScrollView - android:layout_width="match_parent" - android:layout_height="match_parent" - android:fillViewport="true" - android:id="@+id/content_scroller" - android:background="@color/card_margin_color"> - - <!-- All the cards should be inserted into this LinearLayout --> - <LinearLayout - android:layout_width="match_parent" - android:layout_height="match_parent" - android:orientation="vertical" - android:id="@+id/card_container"> - <com.android.contacts.quickcontact.ExpandingEntryCardView - style="@style/ExpandingEntryCardStyle" - android:id="@+id/communication_card" - android:layout_marginTop="@dimen/communication_card_marginTop" - android:visibility="gone" /> - - <com.android.contacts.quickcontact.ExpandingEntryCardView - style="@style/ExpandingEntryCardStyle" - android:id="@+id/recent_card" - android:visibility="gone" /> - </LinearLayout> + <include layout="@layout/quickcontact_header" /> - </com.android.contacts.widget.TouchlessScrollView> + <include layout="@layout/quickcontact_content" /> </com.android.contacts.widget.MultiShrinkScroller>
\ No newline at end of file diff --git a/res/layout/quickcontact_content.xml b/res/layout/quickcontact_content.xml new file mode 100644 index 000000000..b5b2a8364 --- /dev/null +++ b/res/layout/quickcontact_content.xml @@ -0,0 +1,42 @@ +<?xml version="1.0" encoding="utf-8"?> +<!-- Copyright (C) 2014 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. +--> +<com.android.contacts.widget.TouchlessScrollView + xmlns:android="http://schemas.android.com/apk/res/android" + android:layout_width="match_parent" + android:layout_height="match_parent" + android:fillViewport="true" + android:id="@+id/content_scroller" + android:background="@color/card_margin_color"> + + <!-- All the cards should be inserted into this LinearLayout --> + <LinearLayout + android:layout_width="match_parent" + android:layout_height="match_parent" + android:orientation="vertical" + android:id="@+id/card_container"> + <com.android.contacts.quickcontact.ExpandingEntryCardView + style="@style/ExpandingEntryCardStyle" + android:id="@+id/communication_card" + android:layout_marginTop="@dimen/communication_card_marginTop" + android:visibility="gone" /> + + <com.android.contacts.quickcontact.ExpandingEntryCardView + style="@style/ExpandingEntryCardStyle" + android:id="@+id/recent_card" + android:visibility="gone" /> + </LinearLayout> + +</com.android.contacts.widget.TouchlessScrollView>
\ No newline at end of file diff --git a/res/layout/quickcontact_header.xml b/res/layout/quickcontact_header.xml new file mode 100644 index 000000000..0d0691706 --- /dev/null +++ b/res/layout/quickcontact_header.xml @@ -0,0 +1,49 @@ +<?xml version="1.0" encoding="utf-8"?> +<!-- + Copyright (C) 2014 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. +--> +<FrameLayout + xmlns:android="http://schemas.android.com/apk/res/android" + android:layout_width="match_parent" + android:layout_height="match_parent" + android:background="@color/card_margin_color" + android:id="@+id/toolbar_parent"> + + <com.android.contacts.widget.QuickContactImageView + android:id="@+id/photo" + android:layout_width="match_parent" + android:layout_height="match_parent" + android:scaleType="centerCrop" + android:contentDescription="@string/description_contact_photo" /> + + <!-- Need to set a non null background on Toolbar in order for MenuItem + ripples to be drawn on this view, instead of another--> + <Toolbar + android:layout_width="match_parent" + android:layout_height="?android:attr/actionBarSize" + android:background="#00000000" + android:id="@+id/toolbar"/> + + <TextView + android:layout_width="wrap_content" + android:layout_height="wrap_content" + android:textColor="@color/actionbar_text_color" + android:maxLines="@integer/quickcontact_title_lines" + android:ellipsize="end" + android:layout_gravity="bottom" + android:textSize="@dimen/quickcontact_maximum_title_size" + android:id="@+id/large_title"/> + +</FrameLayout>
\ No newline at end of file diff --git a/res/layout/quickcontact_title_placeholder.xml b/res/layout/quickcontact_title_placeholder.xml new file mode 100644 index 000000000..31d83fffb --- /dev/null +++ b/res/layout/quickcontact_title_placeholder.xml @@ -0,0 +1,31 @@ +<?xml version="1.0" encoding="utf-8"?> +<!-- + Copyright (C) 2014 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. + --> +<FrameLayout + xmlns:android="http://schemas.android.com/apk/res/android" + android:layout_width="wrap_content" + android:layout_height="match_parent" > + + <!-- Marks the location and size of the Activity title --> + <TextView + android:id="@+id/placeholder_textview" + android:layout_width="wrap_content" + android:layout_height="wrap_content" + style="@android:style/TextAppearance.Material.Widget.ActionBar.Title" /> + +</FrameLayout> + + |