Фрагмент перехода и альфа-выпуск

Я вижу две проблемы с примером приложения, которое вы представили, когда нажата кнопка «Назад» на фрагменте B. Первая заключается в том, что градиент справа, а не изящно скользит вниз, просто исчезает. Вторая проблема заключается в том, что градиент слева изменяется довольно странным образом перед тем, как скатиться вниз. Вот что я вижу в примере приложения:

Я не могу сказать, почему мы это видим, но я могу рассказать вам, как это исправить. Относится ли это к вашему реальному приложению или нет, вам придется определить.

Во-первых, давайте исправим странное поведение левой виньетки. Эта проблема каким-то образом связана с переходом от сплошного цвета к прозрачному цвету. Чтобы исправить это, измените конечный цвет на прозрачную версию начального цвета. Внешний вид не изменится.

shape_vignette_left.xml

<shape 
    android:shape="rectangle">
    <gradient
        android:angle="0"
        android:startColor="#FF303F9F"
        android:endColor="#00303F9F"
        android:type="linear" />
</shape>

Я использовал цветовые константы вместо идентификаторов только для простоты демонстрации этого.

Теперь давайте исправим правую виньетку. Это (опять же каким-то образом) связано с вращением рисуемой фигуры. Чтобы исправить это, создайте новую фигуру, которую можно рисовать, со встроенным вращением, поменяв местами начальный и конечный цвета фигуры выше и удалив вращение из макета следующим образом:

shape_vignette_right.xml

<shape 
    android:shape="rectangle">
    <gradient
        android:angle="0"
        android:startColor="#00303F9F"
        android:endColor="#FF303F9F"
        android:type="linear" />
</shape>

А вот и новый макет:

fragment_b_layout.xml

<FrameLayout 
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <View
        android:layout_width="64dp"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:background="@drawable/shape_vignette_left" />

    <View
        android:layout_width="64dp"
        android:layout_height="match_parent"
        android:layout_gravity="right"
        android:background="@drawable/shape_vignette_right" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="Fragment B"
        android:textColor="@android:color/white" />

</FrameLayout>

Вот как это выглядит по завершении вышеуказанных изменений:

Гораздо приятнее.

В качестве продолжения, вот исходный левый рисунок (полный экран) с начальным/конечным цветом "#FF303F9F" и "@android:color/transparent":

Вот тот же рисунок с начальным/конечным цветами «#FF303F9F» и «#00303F9F». Любые представления, расположенные позади рисуемого, будут становиться все более и более заметными по мере перехода цвета от полностью непрозрачного ("#FF303F9F") к полностью прозрачному ("#00303F9F").