Improved the transitions and layout of the app name in conversations

The transition was using getTop instead of absolute positions which
didn't work well for the conversation layout.
Also, we were fading in views that were GONE and making them VISIBLE
which lead to bugs during the transitions.
Additionally, the header text would become visible when a notification
was removed from a group and reset.

Bug: 150905003
Test: visual, add conversations in groups and non-groups
Change-Id: I3c31006a1fc79f7d58cc1dd3d5af44129c9f02bb
This commit is contained in:
Selim Cinek
2020-03-19 19:31:25 -07:00
committed by Steve Elliott
parent 52440e988c
commit cef53f36de
6 changed files with 52 additions and 22 deletions

View File

@@ -469,6 +469,10 @@ public class ConversationLayout extends FrameLayout
mAppName.setVisibility(mIsCollapsed ? GONE : VISIBLE);
}
public boolean shouldHideAppName() {
return mIsCollapsed;
}
/**
* update the icon position and sizing
*/

View File

@@ -122,6 +122,7 @@
android:layout_height="wrap_content"
android:orientation="horizontal"
android:paddingTop="16dp"
android:layout_marginBottom="2dp"
android:paddingStart="@dimen/conversation_content_start"
>
<TextView
@@ -180,8 +181,8 @@
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="@dimen/conversation_content_start"
android:paddingBottom="16dp"
android:textSize="12sp"
android:layout_marginBottom="16dp"
android:textAppearance="@style/TextAppearance.DeviceDefault.Notification"
/>
@@ -190,7 +191,6 @@
android:id="@+id/notification_messaging"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="2dp"
android:spacing="@dimen/notification_messaging_spacing"
android:clipToPadding="false"
android:clipChildren="false"

View File

@@ -695,9 +695,9 @@
<!-- size of the notification badge when applied to the conversation icon -->
<dimen name="conversation_icon_size_badged">20dp</dimen>
<!-- size of the notification badge when centered in a conversation -->
<dimen name="conversation_icon_size_centered">25dp</dimen>
<dimen name="conversation_icon_size_centered">26dp</dimen>
<!-- margin on the top when the icon is centered for group conversations -->
<dimen name="conversation_icon_margin_top_centered">5dp</dimen>
<dimen name="conversation_icon_margin_top_centered">12dp</dimen>
<!-- The padding of the conversation header when expanded. This is calculated from the expand button size + notification_content_margin_end -->
<dimen name="conversation_header_expanded_padding_end">38dp</dimen>

View File

@@ -50,7 +50,9 @@ public class CrossFadeHelper {
if (endRunnable != null) {
endRunnable.run();
}
view.setVisibility(View.INVISIBLE);
if (view.getVisibility() != View.GONE) {
view.setVisibility(View.INVISIBLE);
}
}
});
if (view.hasOverlappingRendering()) {
@@ -75,7 +77,7 @@ public class CrossFadeHelper {
*/
public static void fadeOut(View view, float fadeOutAmount, boolean remap) {
view.animate().cancel();
if (fadeOutAmount == 1.0f) {
if (fadeOutAmount == 1.0f && view.getVisibility() != View.GONE) {
view.setVisibility(View.INVISIBLE);
} else if (view.getVisibility() == View.INVISIBLE) {
view.setVisibility(View.VISIBLE);

View File

@@ -28,6 +28,7 @@ import android.widget.ImageView;
import android.widget.TextView;
import com.android.internal.util.ContrastColorUtil;
import com.android.internal.widget.ConversationLayout;
import com.android.systemui.statusbar.notification.row.ExpandableNotificationRow;
import com.android.systemui.statusbar.notification.row.NotificationContentView;
@@ -42,6 +43,7 @@ public class NotificationHeaderUtil {
private static final TextViewComparator sTextViewComparator = new TextViewComparator();
private static final VisibilityApplicator sVisibilityApplicator = new VisibilityApplicator();
private static final VisibilityApplicator sAppNameApplicator = new AppNameApplicator();
private static final DataExtractor sIconExtractor = new DataExtractor() {
@Override
public Object extractData(ExpandableNotificationRow row) {
@@ -64,7 +66,7 @@ public class NotificationHeaderUtil {
};
private final static ResultApplicator mGreyApplicator = new ResultApplicator() {
@Override
public void apply(View view, boolean apply) {
public void apply(View parent, View view, boolean apply, boolean reset) {
NotificationHeaderView header = (NotificationHeaderView) view;
ImageView icon = (ImageView) view.findViewById(
com.android.internal.R.id.icon);
@@ -132,8 +134,12 @@ public class NotificationHeaderUtil {
}
},
sVisibilityApplicator));
mComparators.add(HeaderProcessor.forTextView(mRow,
com.android.internal.R.id.app_name_text));
mComparators.add(new HeaderProcessor(
mRow,
com.android.internal.R.id.app_name_text,
null,
sTextViewComparator,
sAppNameApplicator));
mComparators.add(HeaderProcessor.forTextView(mRow,
com.android.internal.R.id.header_text));
mDividers.add(com.android.internal.R.id.header_text_divider);
@@ -299,19 +305,19 @@ public class NotificationHeaderUtil {
public void apply(ExpandableNotificationRow row, boolean reset) {
boolean apply = mApply && !reset;
if (row.isSummaryWithChildren()) {
applyToView(apply, row.getNotificationHeader());
applyToView(apply, reset, row.getNotificationHeader());
return;
}
applyToView(apply, row.getPrivateLayout().getContractedChild());
applyToView(apply, row.getPrivateLayout().getHeadsUpChild());
applyToView(apply, row.getPrivateLayout().getExpandedChild());
applyToView(apply, reset, row.getPrivateLayout().getContractedChild());
applyToView(apply, reset, row.getPrivateLayout().getHeadsUpChild());
applyToView(apply, reset, row.getPrivateLayout().getExpandedChild());
}
private void applyToView(boolean apply, View parent) {
private void applyToView(boolean apply, boolean reset, View parent) {
if (parent != null) {
View view = parent.findViewById(mId);
if (view != null && !mComparator.isEmpty(view)) {
mApplicator.apply(view, apply);
mApplicator.apply(parent, view, apply, reset);
}
}
}
@@ -375,14 +381,26 @@ public class NotificationHeaderUtil {
}
private interface ResultApplicator {
void apply(View view, boolean apply);
void apply(View parent, View view, boolean apply, boolean reset);
}
private static class VisibilityApplicator implements ResultApplicator {
@Override
public void apply(View view, boolean apply) {
public void apply(View parent, View view, boolean apply, boolean reset) {
view.setVisibility(apply ? View.GONE : View.VISIBLE);
}
}
private static class AppNameApplicator extends VisibilityApplicator {
@Override
public void apply(View parent, View view, boolean apply, boolean reset) {
if (reset && parent instanceof ConversationLayout) {
ConversationLayout layout = (ConversationLayout) parent;
apply = layout.shouldHideAppName();
}
super.apply(parent, view, apply, reset);
}
}
}

View File

@@ -102,11 +102,11 @@ public class MessagingLayoutTransformState extends TransformState {
MessagingGroup matchingGroup = pairs.get(ownGroup);
if (!isGone(ownGroup)) {
if (matchingGroup != null) {
transformGroups(ownGroup, matchingGroup, transformationAmount, to);
int totalTranslation = transformGroups(ownGroup, matchingGroup,
transformationAmount, to);
if (lastPairedGroup == null) {
lastPairedGroup = ownGroup;
if (to){
float totalTranslation = ownGroup.getTop() - matchingGroup.getTop();
currentTranslation = matchingGroup.getAvatar().getTranslationY()
- totalTranslation;
} else {
@@ -229,14 +229,19 @@ public class MessagingLayoutTransformState extends TransformState {
return result;
}
private void transformGroups(MessagingGroup ownGroup, MessagingGroup otherGroup,
/**
* Transform two groups towards each other.
*
* @return the total transformation distance that the group goes through
*/
private int transformGroups(MessagingGroup ownGroup, MessagingGroup otherGroup,
float transformationAmount, boolean to) {
boolean useLinearTransformation =
otherGroup.getIsolatedMessage() == null && !mTransformInfo.isAnimating();
transformView(transformationAmount, to, ownGroup.getSenderView(), otherGroup.getSenderView(),
true /* sameAsAny */, useLinearTransformation);
transformView(transformationAmount, to, ownGroup.getAvatar(), otherGroup.getAvatar(),
true /* sameAsAny */, useLinearTransformation);
int totalAvatarTranslation = transformView(transformationAmount, to, ownGroup.getAvatar(),
otherGroup.getAvatar(), true /* sameAsAny */, useLinearTransformation);
List<MessagingMessage> ownMessages = ownGroup.getMessages();
List<MessagingMessage> otherMessages = otherGroup.getMessages();
float previousTranslation = 0;
@@ -284,6 +289,7 @@ public class MessagingLayoutTransformState extends TransformState {
}
}
ownGroup.updateClipRect();
return totalAvatarTranslation;
}
/**